CINXE.COM
Royal Cinque Ports |
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <link rel="shortcut icon" type="image/x-icon" href="https://www.royalcinqueports.com/wp-content/uploads/2021/10/Favicon.png"> <link rel="apple-touch-icon" href="https://www.royalcinqueports.com/wp-content/uploads/2021/10/Favicon.png"/> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="pingback" href="https://www.royalcinqueports.com/xmlrpc.php" /> <title>Royal Cinque Ports | </title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Royal Cinque Ports » Feed" href="https://www.royalcinqueports.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Royal Cinque Ports » Comments Feed" href="https://www.royalcinqueports.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.royalcinqueports.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.royalcinqueports.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='dashicons-css' href='https://www.royalcinqueports.com/wp-includes/css/dashicons.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='et-animate-style-css' href='https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/css/animate.css?ver=2.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='et-bxslider-style-css' href='https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/css/jquery.bxslider.css?ver=2.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='et-lightbox-style-css' href='https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/css/prettyPhoto.css?ver=2.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='et-fontawesome-css' href='https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/css/font-awesome.min.css?ver=2.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='et-font-css' href='//fonts.googleapis.com/css?family=Bitter%7CHind%7CPlayfair+Display%3A400%2C400i%2C700%2C700i%2C900%2C900i%7COpen+Sans%3A400%2C500%2C600%2C700%2C900%7CLato%3A300%2C400%2C700%2C900%7CMontserrat%7CDroid+Sans%7CRoboto%7CLora%3A400%2C400i%2C700%2C700i%7CRoboto+Slab%7CRubik%7CMerriweather%3A300%2C400%2C700%2C900%7CPoppins%7CRopa+Sans%7CPlayfair+Display%7CRubik%7CSource+Sans+Pro%7CRoboto+Condensed%7CRoboto+Slab%3A300%2C400%2C700%7CAmatic+SC%3A400%2C700%7CQuicksand%7COswald%7CQuicksand%3A400%2C500%2C700%7CVollkorn%3A400%2C400i%2C600%2C600i%2C700%2C700i%7CFjalla+One&ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='et-elegant-icons-css' href='https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/css/elegant-icons.css?ver=2.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='et-frontend-style-css' href='https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/css/et-frontend.css?ver=2.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='et-responsive-style-css' href='https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/css/et-responsive.css?ver=2.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='bonfire-jumbo-css-css' href='https://www.royalcinqueports.com/wp-content/plugins/jumbo-by-bonfire/jumbo.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='jumbo-fontawesome-css' href='https://www.royalcinqueports.com/wp-content/plugins/jumbo-by-bonfire/fonts/font-awesome/css/all.min.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='jumbo-lineawesome-css' href='https://www.royalcinqueports.com/wp-content/plugins/jumbo-by-bonfire/fonts/line-awesome/css/line-awesome.min.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='jumbo-fonts-css' href='//fonts.googleapis.com/css?family=Inter+Tight%3A400%2C500%2C600%7CMontserrat%3A400%2C700&ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://www.royalcinqueports.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://www.royalcinqueports.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-default-style-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/style.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-font_awesome-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/font-awesome/css/font-awesome.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-font_elegant-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/elegant-icons/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-linea_icons-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/linea-icons/style.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-dripicons-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/dripicons/dripicons.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-kiko-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/kiko/kiko-all.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-font_awesome_5-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/font-awesome-5/css/font-awesome-5.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-stylesheet-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/stylesheet.min.css?ver=6.7.2' type='text/css' media='all' /> <style id='bridge-stylesheet-inline-css' type='text/css'> .error404.disabled_footer_top .footer_top_holder, .error404.disabled_footer_bottom .footer_bottom_holder { display: none;} </style> <link rel='stylesheet' id='bridge-print-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/print.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-style-dynamic-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/style_dynamic.css?ver=1634651714' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-responsive-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/responsive.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-style-dynamic-responsive-css' href='https://www.royalcinqueports.com/wp-content/themes/bridge/css/style_dynamic_responsive.css?ver=1634651714' type='text/css' media='all' /> <style id='bridge-style-dynamic-responsive-inline-css' type='text/css'> /* ========================================================= //////////////////////////////////////////////////////////// STOPS FLICKERING/COLLAPSING OF SECTIONS ON FULLPAGE PAGE LOAD - HIDES HTML UNTIL FP LOADS //////////////////////////////////////////////////////////// ========================================================= */ /* html { visibility: hidden; } html.fp-enabled { visibility: visible; } */ /* ============================== BRIDGE - HEADER - MENU ============================== */ .content.content_top_margin { margin-top: 0px !important; } /* ============================== DISPLAY NONE ============================== */ .display-none { display: none; } @media (max-width: 767px) { .display-none-MB { display: none; } } @media (min-width: 900px) { .JL-Link-display-none-DT { display: none; } } @media (min-width: 768px) { .display-none-Signature { display: none; } } /* ========================================================= //////////////////////////////////////////////////////////// LOADING IMAGE //////////////////////////////////////////////////////////// ========================================================= */ .ajax_loader_2 img { width: 10vw; } @media (min-width: 768px){ .ajax_loader_2 img { width: 10vw; } } @media (min-width: 900px){ .ajax_loader_2 img { width: 10vw; } } @media (min-width: 1200px){ .ajax_loader_2 img { width: 10vw; } } @media (min-width: 1800px){ .ajax_loader_2 img { width: 10vw; } } /* ============================== LOADING IMAGE - VERTICAL POSITION ============================== */ .ajax_loader { top: 30%; } /* ========================================================= //////////////////////////////////////////////////////////// BODY //////////////////////////////////////////////////////////// ========================================================= */ .wrapper, body { background-color: #ffffff !important; } /* ========================================================= //////////////////////////////////////////////////////////// CONTACT US PAGE //////////////////////////////////////////////////////////// ========================================================= */ .headshots .vc_column-inner { padding: 0 0 0 0 !important; } .content, .full_width { background-color: #ffffff !important; } /* ========================================================= //////////////////////////////////////////////////////////// CONTACT FORM //////////////////////////////////////////////////////////// ========================================================= */ .Contact-Us div.wpforms-container-full .wpforms-form textarea { border-radius: 0px !important; border: 1px solid #414141 !important; height: 120px !important; } .Contact-Us div.wpforms-container-full .wpforms-form input[type=text], .Contact-Us div.wpforms-container-full .wpforms-form input[type=email] { border-radius: 0px !important; border: 1px solid #414141 !important; height: 50px; } .Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-label { color: #39423e !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1.3 !important; margin: 0 0 4px 0 !important; padding: 1vh 0 1vh 0 !important; } .Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { color: #39423e !important; font-weight: 400 !important; font-size: 14px !important; } .Contact-Us div.wpforms-container-full .wpforms-form button[type=submit] { background-color: #ffffff !important; border: 1px solid #414141 !important; color: #39423e !important; font-size: 14px !important; padding: 15px 15px; font-family: "Raleway" ,sans-serif !important; border-radius: 0px !important; width: 50%; } .Contact-Us div.wpforms-container-full .wpforms-form button[type=submit]:hover { background-color: #414141 !important; border: 1px solid #414141 !important; border-radius: 0px !important; color: #ffffff !important; } .Contact-Us .wpforms-confirmation-container-full { margin: 0 0 24px 0; background: #414141 !important; border: 1px solid #414141 !important; padding: 15px 15px !important; } .Contact-Us .wpforms-confirmation-container-full p { color: #ffffff !important; } .Contact-Us div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100% !important; } /* ========================================================= //////////////////////////////////////////////////////////// PROFESSIONAL CONTACT FORM //////////////////////////////////////////////////////////// ========================================================= */ .Pro-Contact-Us div.wpforms-container-full .wpforms-form textarea { border-radius: 0px !important; border: 1px solid #414141 !important; height: 120px !important; } .Pro-Contact-Us div.wpforms-container-full .wpforms-form input[type=text], .Pro-Contact-Us div.wpforms-container-full .wpforms-form input[type=email] { border-radius: 0px !important; border: 1px solid #414141 !important; height: 50px; } .Pro-Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-label { color: #af942f !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1.3 !important; margin: 0 0 4px 0 !important; padding: 1vh 0 1vh 0 !important; } .Pro-Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { color: #af942f !important; font-weight: 400 !important; font-size: 14px !important; } .Pro-Contact-Us div.wpforms-container-full .wpforms-form button[type=submit] { background-color: #ffffff !important; border: 1px solid #414141 !important; color: #39423e !important; font-size: 14px !important; padding: 15px 15px; font-family: "Raleway" ,sans-serif !important; border-radius: 0px !important; width: 50%; } .Pro-Contact-Us div.wpforms-container-full .wpforms-form button[type=submit]:hover { background-color: #af942f !important; border: 1px solid #af942f !important; border-radius: 0px !important; color: #ffffff !important; } .Pro-Contact-Us .wpforms-confirmation-container-full { margin: 0 0 24px 0; background: #af942f !important; border: 1px solid #414141 !important; padding: 15px 15px !important; } .Pro-Contact-Us .wpforms-confirmation-container-full p { color: #ffffff !important; } .Pro-Contact-Us div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .Pro-Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100% !important; } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER CONTACT FORM //////////////////////////////////////////////////////////// ========================================================= */ .Footer-Contact-Us div.wpforms-container-full .wpforms-form textarea { height: 50px !important; } @media (min-width: 768px){ .Footer-Contact-Us div.wpforms-container-full .wpforms-form textarea { height: 50px !important; } } @media (min-width: 900px){ .Footer-Contact-Us div.wpforms-container-full .wpforms-form textarea { height: 50px !important; } } @media (min-width: 1200px){ .Footer-Contact-Us div.wpforms-container-full .wpforms-form textarea { height: 120px !important; } } @media (min-width: 1800px){ .Footer-Contact-Us div.wpforms-container-full .wpforms-form textarea { height: 120px !important; } } .Footer-Contact-Us div.wpforms-container-full .wpforms-form textarea { border-radius: 0px !important; border: 1px solid #ffffff !important; background-color: rgba(0, 0, 0, 0.0) !important; color: #ffffff; } .Footer-Contact-Us div.wpforms-container-full .wpforms-form input[type=text], .Footer-Contact-Us div.wpforms-container-full .wpforms-form input[type=email] { border-radius: 0px !important; border: 1px solid #ffffff !important; height: 30px; background-color: rgba(0, 0, 0, 0.0) !important; color: #ffffff; } .Footer-Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-label { color: #ffffff !important; font-weight: 200 !important; font-size: 16px !important; line-height: 1.3 !important; margin: 0 0 0 0 !important; padding: 1vh 0 1vh 0 !important; } .Footer-Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { color: #ffffff !important; font-weight: 200 !important; font-size: 16px !important; } .Footer-Contact-Us div.wpforms-container-full .wpforms-form button[type=submit] { background-color: rgba(255, 255, 255, 1.0) !important; border: 1px solid #ffffff !important; color: #414141 !important; font-size: 16px !important; padding: 5px 10px; font-family: "Raleway" ,sans-serif !important; border-radius: 0px !important; width: 50%; } .Footer-Contact-Us div.wpforms-container-full .wpforms-form button[type=submit]:hover { background-color: rgba(255, 255, 255, 1.0) !important; border: 1px solid #ffffff !important; border-radius: 0px !important; color: #414141 !important; } .Footer-Contact-Us .wpforms-confirmation-container-full { margin: 50px 0 50px 0; background: #ffffff !important; border: 1px solid #414141 !important; padding: 15px 15px !important; color: #414141 !important; } .Footer-Contact-Us .wpforms-confirmation-container-full p { color: #414141 !important; } .Footer-Contact-Us div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .Footer-Contact-Us div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100% !important; } .TC-Footer p, .TC-Footer li { color: #ffffff !important; } body { font-size: 12px !important; } @media (min-width: 350px){ div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-size: 12px !important; } } @media (min-width: 400px){ div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-size: 12px !important; } } @media (min-width: 768px){ div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-size: 12px !important; } } @media (min-width: 900px){ div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-size: 12px !important; } } @media (min-width: 1200px){ div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-size: 13px !important; } } @media (min-width: 1800px){ div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-size: 13px !important; } } div.wpforms-container-full .wpforms-form .wpforms-field { padding: 5px 0 !important; } .footer_bottom ul { text-align: left; } /* ========================================================= //////////////////////////////////////////////////////////// GENERAL PAGES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// PAGE TITLE SECTION HOLDER //////////////////////////////////////////////////////////// ========================================================= */ .title_holder .container_inner { width: 75% !important; max-width: 100% !important; margin: 0 auto !important; } /* ========================================================================== GAP BETWEEN TITLE IMAGES AND MAIN PAGE ========================================================================== */ .content > .content_inner > .container > .container_inner { padding-top: 100px !important; } /* ========================================================= //////////////////////////////////////////////////////////// BLOG POSTS //////////////////////////////////////////////////////////// ========================================================= */ body.postid-471 h2 { display: none !important; } body.postid-471 .post_info { display: none !important; } /* ========================================================= //////////////////////////////////////////////////////////// BLOG LIST PAGE //////////////////////////////////////////////////////////// ========================================================= */ .page-template-blog-small-image .default_template_holder { width: 75% !important; max-width: 100% !important; margin: 0 auto !important; } /* ========================================================= //////////////////////////////////////////////////////////// SINGLE BLOG POSTS - POST ELEMENT PADDING //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== GAP BETWEEN TITLE IMAGES AND MAIN PAGE ========================================================================== */ .single-post .content > .content_inner > .container > .container_inner { padding-top: 0px !important; } .single-post .default_template_holder { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } .single-post .post_text h2 { width: 75% !important; max-width: 100% !important; margin: 5% 0 0 12.5% !important; } .single-post .post_text .post_info { width: 75% !important; max-width: 100% !important; margin: 0 0 5% 12.5% !important; } .single-post .tags_text { width: 75% !important; max-width: 100% !important; margin: 5% 0 5% 12.5% !important; } /* ========================================================= //////////////////////////////////////////////////////////// Portfolio Posts //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== GAP BETWEEN TITLE IMAGES AND MAIN PAGE ========================================================================== */ .projects_holder_outer { padding-top: 100px !important; } .single-portfolio_page .default_template_holder { width: 75% !important; max-width: 100% !important; margin: 0 auto !important; } /* ========================================================= //////////////////////////////////////////////////////////// RELAED PORTFOLIOS //////////////////////////////////////////////////////////// ========================================================= */ .qode_portfolio_related>.projects_holder_outer { padding-top: 0px !important; } /* ========================================================= //////////////////////////////////////////////////////////// HEADER & MENU //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== HIDE LOGO ON HOMEPAGE ========================================================================== */ body.page-id-7 .q_logo img, body.page-id-7 .q_logo img.mobile { display: none !important; } /* ========================================================================== HIDE LOGO ON ALL PAGES ========================================================================== */ /* body .q_logo img, body .q_logo img.mobile { display: none !important; } */ /* ========================================================= //////////////////////////////////////////////////////////// SIDE MENU //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== HAMBURGER BARS POSITION ========================================================================== */ @media only screen and (max-width: 1000px) { .header_bottom { padding: 0 10px 0 0px; } } .side_menu_button { height: 10vh!important; } /* ========================================================================== HAMBURGER BARS ========================================================================== */ .fa-bars { color: #ffffff; } .fa-bars:before { content: 'MENU' !important; padding: 0 20px 0 0; font-family: "Raleway" ,sans-serif !important; font-weight: 200 !important; white-space: nowrap; color: #ffffff; } .fa-bars:after { content: '\f0c9'; color: rgba(255,255,255,1.0); } /* ========================================================= //////////////////////////////////////////////////////////// MOBILE MENU //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== BRIDGE - MOBILE HEADER COLOR ========================================================================== */ @media only screen and (max-width: 1000px) { .header_bottom, nav.mobile_menu { background-color: rgba(0, 0, 0, 0.0) !important; } } /* ========================================================================== BRIDGE - MOBILE FIXED HEADER ========================================================================== */ @media screen and (max-width: 1000px) { header { position: fixed !important; left: 0px !important; top: 0px !important; } } @media screen and (max-width: 1000px) { .content { top: 0px !important; /* this should be equal to mobile header height */ } } /* ========================================================================== MOBILE PAGES WITH TITLE IMAGE ========================================================================== */ @media (max-width: 600px){ .title_outer.with_image { padding-top: 100px; background-color: #000000; } } /* ========================================================= //////////////////////////////////////////////////////////// MOBILE MENU //////////////////////////////////////////////////////////// ========================================================= */ @media only screen and (max-width: 767px) { .mobile_menu_button { float: right !important; margin: 0 !important; } nav.mobile_menu ul li a { text-align: center !important; } } /* ========================================================= //////////////////////////////////////////////////////////// DESKTOP LOGO //////////////////////////////////////////////////////////// ========================================================= */ @media only screen and (max-width: 320px) { .q_logo img.mobile { left: -110px; } } @media only screen and (min-width: 321px) { .q_logo img.mobile { left: -140px; } } @media only screen and (min-width: 415px) { .q_logo img.mobile { left: -230px; } } @media only screen and (min-width: 600px) { .q_logo img.mobile { left: -270px; } } /* ========================================================= //////////////////////////////////////////////////////////// PROFESSIONAL LOGO //////////////////////////////////////////////////////////// ========================================================= */ .Logo-Professional img { width: 50% !important; } @media only screen and (min-width: 321px) { .Logo-Professional img { width: 25% !important; } } @media only screen and (min-width: 415px) { .Logo-Professional img { width: 25% !important; } } @media only screen and (min-width: 600px) { .Logo-Professional img { width: 25% !important; } } @media only screen and (min-width: 900px) { .Logo-Professional img { width: 25% !important; } } @media only screen and (min-width: 1200px) { .Logo-Professional img { width: 25% !important; } } @media only screen and (min-width: 1800px) { .Logo-Professional img { width: 35% !important; } } /* ========================================================= //////////////////////////////////////////////////////////// SUPERFLY MENU //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// MENU POSITION //////////////////////////////////////////////////////////// ========================================================= */ .superfly-on .sfm-navicon-button { top: 0.5% !important; left: 10% !important; } @media (min-width: 768px){ .superfly-on .sfm-navicon-button { top: 0.5% !important; left: 20% !important; } } @media (min-width: 900px){ .superfly-on .sfm-navicon-button { top: 1.5% !important; left: 50% !important; } } @media (min-width: 1200px){ .superfly-on .sfm-navicon-button { top: 1.5% !important; left: 50% !important; } } @media (min-width: 1800px){ .superfly-on .sfm-navicon-button { top: 1.5% !important; left: 50% !important; } } /* ========================================================= //////////////////////////////////////////////////////////// MENU TEXT - SUPERFLY MENU //////////////////////////////////////////////////////////// ========================================================= */ .sfm-navicon-button:after { left: 70% !important; top: 30% !important; } .sfm-navicon-button:after { font-size: 16px !important; font-weight: 400 !important; color: #ffffff !important; font-family: "Raleway" ,sans-serif !important; } @media (min-width: 768px){ .sfm-navicon-button:after { font-size: 20px !important; } } @media (min-width: 900px){ .sfm-navicon-button:after { font-size: 22px !important; } } @media (min-width: 1200px){ .sfm-navicon-button:after { font-size: 24px !important; } } @media (min-width: 1800px){ .sfm-navicon-button:after { font-size: 24px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// SUPERFLY MENU FONTS //////////////////////////////////////////////////////////// ========================================================= */ .sfm-menu li a { font-size: 14px !important; font-weight: 200 !important; color: #ffffff !important; font-family: "Raleway" ,sans-serif !important; letter-spacing: 0.3em } @media (min-width: 768px){ .sfm-menu li a { font-size: 14px !important; } } @media (min-width: 900px){ .sfm-menu li a { font-size: 16px !important; } } @media (min-width: 1200px){ .sfm-menu li a { font-size: 20px !important; } } @media (min-width: 1800px){ .sfm-menu li a { font-size: 24px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// SUPERFLY LOGO //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== MENU LOGO HEIGHT ========================================================================== */ .sfm-mobile #sfm-sidebar.sfm-compact-header .sfm-logo img { max-height: none !important; } /* ========================================================================== MENU LOGO PADDING ========================================================================== */ #sfm-sidebar.sfm-compact .sfm-logo { margin-top: 10px !important; margin-bottom: 10px !important; } @media (min-width: 375px) { #sfm-sidebar.sfm-compact .sfm-logo { margin-top: 10px !important; margin-bottom: 10px !important; } } @media (min-width: 768px) { #sfm-sidebar.sfm-compact .sfm-logo { margin-top: 10px !important; margin-bottom: 10px !important; } } @media (min-width: 1200px) { #sfm-sidebar.sfm-compact .sfm-logo { margin-top: 20px !important; margin-bottom: 20px !important; } } /* ========================================================================== MENU LOGO WIDTH ========================================================================== */ .sfm-logo img { width: 35% !important; } @media (min-width: 375px) { .sfm-logo img { width: 45% !important; } } @media (min-width: 768px) { .sfm-logo img { width: 50% !important; } } @media (min-width: 900px) { .sfm-logo img { width: 50% !important; } } @media (min-width: 1200px) { .sfm-logo img { width: 50% !important; } } @media (min-width: 1800px) { .sfm-logo img { width: 50% !important; } } @media (min-width: 2100px) { .sfm-logo img { width: 50% !important; } } /* ========================================================================== MENU LINK PADDING ========================================================================== */ #sfm-sidebar .sfm-menu li a { padding: 10px 0 10px 0 !important; } @media (min-width: 375px) { #sfm-sidebar .sfm-menu li a { padding: 10px 0 10px 0 !important; } } @media (min-width: 768px) { #sfm-sidebar .sfm-menu li a { padding: 10px 0 10px 0 !important; } } @media (min-width: 1200px) { #sfm-sidebar .sfm-menu li a { padding: 10px 0 10px 0 !important; } } /* ========================================================= //////////////////////////////////////////////////////////// DESKTOP LOGO //////////////////////////////////////////////////////////// ========================================================= */ /* ==================== !SHG Change All Logo Sizes ======================== */ /* LOGO SIZE ============================= */ header .q_logo img.mobile { height: 50% !important; } @media (min-width: 600px){ header .q_logo img.mobile { height: 75% !important; } } @media (min-width: 900px){ .q_logo img { height: 75% !important; } } @media (min-width: 1200px){ .q_logo img { height: 150% !important; } } @media (min-width: 1800px){ .q_logo img { height: 150% !important; } } @media (min-width: 2100px){ .q_logo img { height: 200% !important; } } /* SCROLLED LOGO SIZE ============================= */ @media (min-width: 600px){ header.fixed.scrolled .q_logo img { height: 75% !important; } } @media (min-width: 900px){ header.fixed.scrolled .q_logo img { height: 75% !important; } } @media (min-width: 1200px){ header.fixed.scrolled .q_logo img { height: 150% !important; } } @media (min-width: 1800px){ header.fixed.scrolled .q_logo img { height: 150% !important; } } @media (min-width: 2100px){ header.fixed.scrolled .q_logo img { height: 150% !important; } } /* TRANSPARENT LOGO ============================= */ .q_logo img { opacity: 1.0; } ======================== */ /* MOVE LOGO LEFT ============================= */ header .header_inner_left { left: 15px } /* ========================================================= //////////////////////////////////////////////////////////// MAIN HEADER //////////////////////////////////////////////////////////// ========================================================= */ /* HEADER BACKGROUND COLOR ============================= */ header.fixed { background-color: rgba(0, 0, 0, 0.0) !important; } /* ==================== !SHG Removed - Made Transparent ======================== */ /* HEADER BORDER BOTTOM ============================= */ header:not(.sticky):not(.scrolled) .header_bottom { border-bottom: 1px solid rgba(255,255,255,0.0); } /* HEADER COLOR ON HOVER ============================= */ /* ==================== !SHG Removed .header_top_bottom_holder:hover { background-color: #ffffff; } ======================== */ /* MOUSE OFF TRANSITION ============================= */ /* .header_top_bottom_holder:hover { transition: background-color .5s ease; } */ /* TOP LEVEL MENU - STOP WRAPPING ============================= */ nav.main_menu { display: inline-table; } /* ========================================================= //////////////////////////////////////////////////////////// SPECIFIC HEADERS //////////////////////////////////////////////////////////// ========================================================= */ /* SPECIFIC PAGES - HEADER BACKGROUND COLOR ============================= */ /* commented out for later when a page needs it body.page-id-477 header:not(.scrolled).fixed { background-color: rgba(0, 0, 0, 1.0) !important; } */ /* HEADER FOR DESIGN PAGE ============================= */ body.page-id-221 header:not(.scrolled).fixed, body.page-id-219 header:not(.scrolled).fixed, body.page-id-225 header:not(.scrolled).fixed, body.page-id-223 header:not(.scrolled).fixed { background-color: rgba(0, 0, 0, 1.0) !important; } /* ========================================================= //////////////////////////////////////////////////////////// SECOND LEVEL MENU - FULL WIDTH MAIN SECTION //////////////////////////////////////////////////////////// ========================================================= */ /* SECOND LEVEL MENU ============================= */ .drop_down .wide .second .inner>ul>li>a { text-align: center; display: block; width: 100%; } /* SECOND LEVEL MENU BACKGROUND COLOR & HEIGHT ============================= */ .drop_down .second .inner { background-color: #ffffff; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.3); } /* SECOND LEVEL MENU BACKGROUND & HEIGHT ============================= */ @media (min-width: 600px){ .drop_down .second .inner { height: 25vh; } } @media (min-width: 900px){ .drop_down .second .inner { height: 25vh; } } @media (min-width: 1200px){ .drop_down .second .inner { height: 30vh; } } @media (min-width: 1800px){ .drop_down .second .inner { height: 30vh; } } @media (min-width: 2100px){ .drop_down .second .inner { height: 30vh; } } /* FILL GAP BETWEEN HEADER & DROP DOWN MENU - ON INITIAL SCROLL ============================= */ header.transparent:not(.sticky) .drop_down .second { top: 100%; } /* HEIGHT OF MAIN SECTION SECOND LEVEL MENU ============================= */ .drop_down .wide .second ul { height: 100% !important; } /* PADDING ABOVE AND BELOW MAIN SECTION SECOND LEVEL MENU ============================= */ @media (min-width: 600px){ .drop_down .wide .second ul { padding: 2vh 0 2vh 0; } } @media (min-width: 900px){ .drop_down .wide .second ul { padding: 2vh 0 2vh 0; } } @media (min-width: 1200px){ .drop_down .wide .second ul { padding: 5vh 0 5vh 0; } } @media (min-width: 1800px){ .drop_down .wide .second ul { padding: 5vh 0 5vh 0; } } @media (min-width: 2100px){ .drop_down .wide .second ul { padding: 5vh 0 5vh 0; } } /* ========================================================= //////////////////////////////////////////////////////////// INDIVIDUAL SECOND LEVEL MENU ITEMS //////////////////////////////////////////////////////////// ========================================================= */ /* SECOND LEVEL MENU ITEM BORDER ============================= */ .drop_down .wide .second ul li { border-left: 0px; padding: 0vh 1vw 1vh 1vw; } /* SECOND LEVEL MENU ITEM WIDTH ============================= */ .drop_down .wide .second ul li { width: 24vw !important; } @media (min-width: 600px){ .drop_down .wide .second ul li { width: 24vw !important; } } @media (min-width: 900px){ .drop_down .wide .second ul li { width: 24vw !important; } } @media (min-width: 1200px){ .drop_down .wide .second ul li { width: 20vw !important; } } @media (min-width: 1800px){ .drop_down .wide .second ul li { width: 20vw !important; } } @media (min-width: 2100px){ .drop_down .wide .second ul li { width: 20vw !important; } } /* SECOND LEVEL MENU ITEM WIDTH ============================= */ .drop_down .wide .second ul li ul li { width: 18vw !important; } .drop_down .wide .second ul li a { padding: 0 0 0 0; } /* SECOND LEVEL MENU ITEM - PADDING ABOVE TEXT ============================= */ .drop_down .wide .second .inner>ul>li>a { margin: 0 0 0 0; padding: 1vh 0 0 0; } /* ========================================================= //////////////////////////////////////////////////////////// SPECIFIC SECOND LEVEL MENU ITEMS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// $GOLF$ - SECOND LEVEL MENU ITEM //////////////////////////////////////////////////////////// ========================================================= */ /* SECOND LEVEL MENU ITEM - CENTER AND LEFT BORDER ============================= */ #nav-menu-item-10 .second > .inner > ul > li, #nav-menu-item-185 .second > .inner > ul > li, #nav-menu-item-136 .second > .inner > ul > li { margin: 0vw !important; border-left: 1px solid #3d3d3d !important; text-align: center; } /* SECOND LEVEL MENU ITEM - END - RIGHT BORDER - FOR $GOLF$ MENU ITEM ============================= */ #nav-menu-item-10 li:nth-child(4).menu-item { border-right: 1px solid #3d3d3d !important; } /* SECOND LEVEL MENU ITEM - REMOVE FROM SUB MENU ITEMS ============================= */ #nav-menu-item-10 li ul li:nth-child(4).menu-item { border-right: 0px solid #ffffff !important; } /* FIRST MENU ITEM ALIGN LEFT ============================= */ #nav-menu-item-173 a, #nav-menu-item-197 a, #nav-menu-item-196 a, #nav-menu-item-194 a, #nav-menu-item-227 a, #nav-menu-item-687 a, #nav-menu-item-688 a, #nav-menu-item-689 a, #nav-menu-item-686 a { text-align: left; /* white-space: nowrap; */ } /* SECOND LEVEL MENU ITEM - LEFT BORDER - FOR $PORTFOLIO$ MENU ITEM ============================= */ #nav-menu-item-136 .second > .inner > ul > li { margin: 0vw !important; border-left: 1px solid #3d3d3d !important; text-align: center; } /* SECOND LEVEL MENU ITEM - END - RIGHT BORDER - FOR $PORTFOLIO$ MENU ITEM ============================= */ #nav-menu-item-136 li:nth-child(10) { border-right: 1px solid #3d3d3d !important; } /* ========================================================= //////////////////////////////////////////////////////////// THIRD LEVEL MENU ITEM //////////////////////////////////////////////////////////// ========================================================= */ /* ============================= */ .menu-item-has-children li .menu-item { margin: 0vw !important; border-left: 0px solid #3d3d3d !important; text-align: center; } .menu-item-has-children ul li ul { margin: 1vh 0vw 0vh 0vw !important; } .drop_down .wide.wide_background .second .inner ul { justify-content: center; display: flex; } .drop_down .wide .second ul li ul li a { padding: 1vh 1vw 1vw 1vw !important; } .drop_down .wide.wide_background .second .inner ul li ul { flex-direction: column; justify-content: flex-start; } /* ALIGNING THIRD LEVEL MENU TEXT TO THE LEFT ============================= */ .drop_down .wide.full_width_wide_menu .second ul li ul li { text-align: left; } /* ========================================================= //////////////////////////////////////////////////////////// MENU FONTS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== TOP LEVEL MENU ========================================================================== */ /* FONT STYLES ============================= */ nav.main_menu > ul > li > a { font-weight: 400; letter-spacing: 0.5em; font-family: "Raleway" ,sans-serif !important; } nav.main_menu > ul > li > a { font-size: 10px; } @media (min-width: 600px){ nav.main_menu > ul > li > a { font-size: 12px; } } @media (min-width: 900px){ nav.main_menu > ul > li > a { font-size: 14px; } } @media (min-width: 1200px){ nav.main_menu > ul > li > a { font-size: 16px; } } @media (min-width: 1800px){ nav.main_menu > ul > li > a { font-size: 18px; } } @media (min-width: 2100px){ nav.main_menu > ul > li > a { font-size: 20px; } } /* FONT COLORS ============================= */ /* nav.main_menu > ul > li > a { color: #ffffff !important; } */ /* TOP LEVEL MENU - COLOR CHANGE WHEN SCROLLED ============================= */ header.fixed.scrolled nav.main_menu>ul>li>a { color: #000000; } /* TOP LEVEL MENU - COLOR CHANGE ON HOVER ============================= */ .header_top_bottom_holder:hover nav.main_menu>ul>li>a { color: #000000; } /* ========================================================================== SECOND LEVEL MENU ========================================================================== */ /* FONT STYLES ============================= */ .drop_down .wide .second .inner>ul>li>a { font-weight: 400 !important; letter-spacing: 0.5em !important; font-family: "Raleway" ,sans-serif !important; } @media (min-width: 600px){ .drop_down .wide .second .inner>ul>li>a { font-size: 10px; } } @media (min-width: 900px){ .drop_down .wide .second .inner>ul>li>a { font-size: 12px; } } @media (min-width: 1200px){ .drop_down .wide .second .inner>ul>li>a { font-size: 14px; } } @media (min-width: 1800px){ .drop_down .wide .second .inner>ul>li>a { font-size: 16px; } } @media (min-width: 2100px){ .drop_down .wide .second .inner>ul>li>a { font-size: 18px; } } /* ========================================================================== THIRD LEVEL MENU ========================================================================== */ /* FONT STYLES ============================= */ .drop_down .wide .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a { font-size: 10px; text-transform: capitalize; font-weight: 300 !important; letter-spacing: 0.3em !important; line-height: 1.0em !important; font-family: "Raleway" ,sans-serif !important; color: #000000; padding: 0.3em 1.5em 1.5em 1.5em; } @media (min-width: 600px){ .drop_down .wide .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a { font-size: 10px; } } @media (min-width: 900px){ .drop_down .wide .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a { font-size: 12px; } } @media (min-width: 1200px){ .drop_down .wide .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a { font-size: 12px; } } @media (min-width: 1800px){ .drop_down .wide .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a { font-size: 14px; } } @media (min-width: 2100px){ .drop_down .wide .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a, .drop_down .second .inner ul li.sub ul li a, .drop_down .wide .second ul li ul li a { font-size: 16px; } } /* ========================================================= //////////////////////////////////////////////////////////// MENU HOVER BACKGROUND COLORS //////////////////////////////////////////////////////////// ========================================================= */ /* ============================== TOP LEVEL MENU ============================== */ /* nav.main_menu > ul > li:hover > a { background-color: rgba(0, 0, 0, 0.05) !important; } .drop_down .second .inner ul li:hover { background-color: #fff000 !important; } .drop_down .second .inner ul { background-color: rgba(0, 0, 0, 0.05) !important; } */ .drop_down .second .inner ul li ul li:hover { background-color: rgba(0, 0, 0, 0.05) !important; } /* ========================================================= //////////////////////////////////////////////////////////// ROWS //////////////////////////////////////////////////////////// ========================================================= */ /* ============================== ROW ============================== */ .W100 { width: 100vw; } .W100PC .vc_single_image-wrapper { width: 100%; } .W100PC img { width: 100%; } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 900px) { .Footer-Contact-Us { display: none; } } /* .footer_top { display: none; } */ /* ========================================================= //////////////////////////////////////////////////////////// FOOTER ROW //////////////////////////////////////////////////////////// ========================================================= */ .Footer-Row .full_section_inner { } .Footer-Row-Inner { } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER Container //////////////////////////////////////////////////////////// ========================================================= */ .Footer-Links-Container { padding-bottom: 30px; } .Footer-Links-Container .full_section_inner { display: table; height: 100%; } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER COLUMN //////////////////////////////////////////////////////////// ========================================================= */ .Footer-Links-Col { display: table-cell; height: 28%; } @media (min-width: 768px) { .Footer-Links-Col { height: 28%; } } .Footer-Links-Col-Social { display: table-cell; height: 10%; } @media (min-width: 768px) { .Footer-Links-Col-Social { height: 5%; } } .Footer-Links-Col-Image { display: table-cell; height: 10%; } @media (min-width: 768px) { .Footer-Links-Col-Image { height: 25%; } } /* ========================================================= //////////////////////////////////////////////////////////// MOBILE LANDSCAPE - FOOTER COLUMN //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== MAKES LINK COLUMNS FULL WIDTH WHEN CONTACT FORM IS HIDDEN ========================================================================== */ @media (max-width: 499px) { .Footer-Column-Link-Container { width: 100% !important; padding-top: 10vh; } } @media (min-width: 500px) and (max-width: 899px) { .Footer-Column-Link-Container { width: 100% !important; padding-top: 10vh; } } @media (min-width: 900px) { .Footer-Column-Link-Container { padding-top: 10vh; } } /* ========================================================================== REDUCE COLUMN WIDTH FOR LANDSCAPE - MAKES 4 COLUMNS WIDE FIT ON LANDSCAPE ========================================================================== */ @media (min-width: 500px) and (max-width: 899px) { .Footer-Links-Col.vc_col-xs-6, .Footer-Links-Col-Social.vc_col-xs-6, .Footer-Links-Col-Image.vc_col-xs-6 { width: 25% !important; height: 40% !important; padding-top: 30px } } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER COLUMN HEADERS //////////////////////////////////////////////////////////// ========================================================= */ /* ==================== !SHG Removed Padding From Footer Link Header ======================== */ .Footer-Link-Header p, .Footer-Link-Header h1, .Footer-Link-Header h2, .Footer-Link-Header h3, .Footer-Link-Header h4, .Footer-Link-Header h5, .Footer-Link-Header h6 { font-weight: 600 !important; padding: 0 0 0 0 !important; } .Footer-Link-Header p { font-size: 16px !important; } @media (min-width: 768px) { .Footer-Link-Header p { font-size: 18px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER LINKS //////////////////////////////////////////////////////////// ========================================================= */ /* ==================== !SHG Removed Padding From Footer Link on Mobile ======================== */ .Footer-Link { padding: 5px 0 0 0 !important; } @media (max-width: 767px) { .Footer-Link { padding: 0 0 0 0 !important; } } .Footer-Link a { font-size: 12px !important; font-weight: 400 !important; } @media (min-width: 768px) { .Footer-Link a { font-size: 14px !important; font-weight: 400 !important; } } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER LOGO IMAGE //////////////////////////////////////////////////////////// ========================================================= */ .Footer-Home-Image { width: 50%; } @media (min-width: 500px) and (max-width: 899px) { .Footer-Home-Image { width: 50%; } } @media (min-width: 900px) { .Footer-Home-Image { width: 15%; } } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER SOCIAL ICONS //////////////////////////////////////////////////////////// ========================================================= */ .Social-Icon-1 { float: left; padding: 0 20px 0 0; } .Social-Icon-2 { } .fa-stack { width: 3em; height: 3em; line-height: 3em; } .q_social_icon_holder .fa-stack.fa-lg i:last-child, .q_social_icon_holder .fa-stack.fa-lg span { font-size: 1em; } @media (min-width: 768px) { .fa-stack { width: 5em; height: 5em; line-height: 5em; } .q_social_icon_holder .fa-stack.fa-lg i:last-child, .q_social_icon_holder .fa-stack.fa-lg span { font-size: 3em; } } @media (min-width: 768px) { .Footer-Social-Image, Footer-Social-Image img { text-align: left; } } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER PLAIN //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== BACKGROUND GRADIENT ========================================================================== */ .Footer-Plain-BG { background-color: #ffffff !important; } /* .Footer-Plain-BG { background-image: linear-gradient(30deg, #20383a 0%, #20383a 2%, #ad452f 2%, #ad452f 2.5%, #d2b353 2.5%, #d2b353 3%, #5777a9 3%, #5777a9 4%, #20383a 4%, #20383a 7%, #ad452f 7%, #ad452f 7.5%, #d2b353 7.5%, #d2b353 8%, #5777a9 8%, #5777a9 9%, #20383a 9%, #20383a 12%, #ad452f 12%, #ad452f 12.5%, #d2b353 12.5%, #d2b353 13%, #ffffff 13%, #ffffff 100%); background-image: linear-gradient(45deg, #3e4d24 0%, #3e4d24 5%, #fdf733 5%, #fdf733 6%, #c93133 6%, #c93133 7%, #4882ae 7%, #4882ae 8%, #3e4d24 8%, #3e4d24 13%, #ffffff 13%, #ffffff 100%); background-image: linear-gradient(45deg, #3e4d24 0px, #3e4d24 100px, #c93133 100px, #c93133 104px, #fdf733 104px, #fdf733 108px, #3e4d24 108px, #3e4d24 150px, #4882ae 150px, #4882ae 158px, #3e4d24 158px, #3e4d24 200px, #c93133 200px, #c93133 204px, #fdf733 204px, #fdf733 208px, #fff 208px, #fff 100%); } */ /* ========================================================================== PLAIN FOOTER TAG LINE ========================================================================== */ .Footer-Plain p, .Footer-Plain h1, .Footer-Plain h2, .Footer-Plain h3, .Footer-Plain h4, .Footer-Plain h5, .Footer-Plain h6 { letter-spacing: 0.2em !important; } @media (min-width: 768px) { .Footer-Plain p, .Footer-Plain h1, .Footer-Plain h2, .Footer-Plain h3, .Footer-Plain h4, .Footer-Plain h5, .Footer-Plain h6 { letter-spacing: 0.5em !important; } } /* ========================================================================== PLAIN FOOTER LINKS ========================================================================== */ .Footer-Links a { padding-left: 0vw !important; padding-right: 0vw !important; letter-spacing: 0.0em !important; } @media (min-width: 768px) { .Footer-Links a { padding-left: 1vw !important; padding-right: 1vw !important; letter-spacing: 0.5em !important; } } /* ========================================================================== PLAIN FOOTER SOCIAL LINKS ========================================================================== */ .Footer-Social-Links a { padding-left: 1vw !important; padding-right: 1vw !important; letter-spacing: 0.5em !important; } @media (min-width: 768px) { .Footer-Social-Links a { padding-left: 1vw !important; padding-right: 1vw !important; letter-spacing: 0.5em !important; } } /* ========================================================================== PLAIN FOOTER FONT SIZE ========================================================================== */ .Footer-Links p { font-size: 14px !important; } @media (min-width: 350px){ .Footer-Links p { font-size: 14px !important; } } @media (min-width: 400px){ .Footer-Links p { font-size: 14px !important; } } @media (min-width: 768px){ .Footer-Links p { font-size: 14px !important; } } @media (min-width: 900px){ .Footer-Links p { font-size: 14px !important; } } @media (min-width: 1200px){ .Footer-Links p { font-size: 15px !important; } } @media (min-width: 1800px){ .Footer-Links p { font-size: 15px !important; } } /* ========================================================================== FOOTER LOGO ========================================================================== */ .Footer-Logo img { height: 20vh; } @media (min-width: 768px) { .Footer-Logo img { height: 20vh; } } @media (min-width: 900px) { .Footer-Logo img { height: 20vh; } } @media (min-width: 1200px) { .Footer-Logo img { height: 20vh; } } @media (min-width: 1800px) { .Footer-Logo img { height: 30vh; } } @media (min-width: 2100px) { .Footer-Logo img { height: 30vh; } } /* ========================================================= //////////////////////////////////////////////////////////// SPACER CLUBHOUSE //////////////////////////////////////////////////////////// ========================================================= */ .TA-C-Clubhouse-Logo { display: flex; justify-content: center; } .TA-C-Clubhouse-Logo img { height: 10vw !important; width: auto; } /* ========================================================= //////////////////////////////////////////////////////////// SPACER ABOVE FOOTER //////////////////////////////////////////////////////////// ========================================================= */ /* ==================== !SHG Changed to Match Logo Size ======================== */ .Spacer-Image img { width: 20vw; } @media (min-width: 768px) { .Spacer-Image img { width: 7vw; } } @media (min-width: 900px) { .Spacer-Image img { width: 7vw; } } @media (min-width: 1200px) { .Spacer-Image img { width: 7vw; } } @media (min-width: 1800px) { .Spacer-Image img { width: 7vw; } } @media (min-width: 2100px) { .Spacer-Image img { width: 7vw; } } /* ========================================================= //////////////////////////////////////////////////////////// LINE SPACER //////////////////////////////////////////////////////////// ========================================================= */ .Border-Bottom { border-bottom: 1px solid #000000; } @media (max-width: 767px) { .Border-Bottom-MB { border-bottom: 1px solid #000000; } } @media (min-width: 768px) { .Border-Bottom-DT { border-bottom: 1px solid #000000; } } .Border-Top { border-top: 1px solid #000000; } @media (max-width: 767px) { .Border-Top-MB { border-top: 1px solid #000000; } } @media (min-width: 768px) { .Border-Top-DT { border-top: 1px solid #000000; } } /* ========================================================= //////////////////////////////////////////////////////////// LINE SPACER - GOLD //////////////////////////////////////////////////////////// ========================================================= */ .Border-Bottom-Gold { border-bottom: 1px solid #a56f54; } .Border-Top-Gold { border-top: 1px solid #a56f54; } /* ========================================================= //////////////////////////////////////////////////////////// LINE SPACER - RCP GOLD //////////////////////////////////////////////////////////// ========================================================= */ .Border-Bottom-RCP-Gold { border-bottom: 1px solid #af942f; } .Border-Top-RCP-Gold { border-top: 1px solid #af942f; } /* ========================================================= //////////////////////////////////////////////////////////// LINE SPACER - GREY //////////////////////////////////////////////////////////// ========================================================= */ .Border-Bottom-Grey { border-bottom: 1px solid rgba(0,0,0,0.1); } .Border-Top-Grey { border-top: 1px solid rgba(0,0,0,0.1); } /* ========================================================= //////////////////////////////////////////////////////////// LINE SPACER - WHITE //////////////////////////////////////////////////////////// ========================================================= */ .Border-Bottom-White { border-bottom: 1px solid rgba(255,255,255,1.0); } @media (max-width: 767px) { .Border-Bottom-White-MB { border-bottom: 1px solid rgba(255,255,255,1.0); } } @media (min-width: 768px) { .Border-Bottom-White-DT { border-bottom: 1px solid rgba(255,255,255,1.0); } } .Border-Top-White { border-top: 1px solid rgba(255,255,255,255,1.0); } @media (max-width: 767px) { .Border-Top-White-MB { border-top: 1px solid rgba(255,255,255,255,1.0); } } @media (min-width: 768px) { .Border-Top-White-DT { border-top: 1px solid rgba(255,255,255,255,1.0); } } /* ========================================================= //////////////////////////////////////////////////////////// HOMEPAGE LOGO //////////////////////////////////////////////////////////// ========================================================= */ .Homepage-90FP-PC { height: 90%; } .Homepage-Logo-OC .vc_column-inner { height: 100%; display: flex; align-items: center; justify-content: center; } .Homepage-Logo-OC .wpb_wrapper { height: 100%; display: flex; align-items: center; } .Homepage-Logo-Container { width: 100vw !important; } .Homepage-Logo { display: flex !important; justify-content: center !important; } .Homepage-Logo img { width: 60vw; } @media (min-width: 768px) { .Homepage-Logo img { width: 20vw; } } /* ========================================================= //////////////////////////////////////////////////////////// HOMEPAGE BUTTON //////////////////////////////////////////////////////////// ========================================================= */ .Homepage-Button { height: 15vh; text-align: center; } .Homepage-Button-Link p a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } /* ========================================================= //////////////////////////////////////////////////////////// HOMEPAGE LAYOUT //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== SIDE SECTION - PADDING ========================================================================== */ .Side-Section .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================================== SIDE SECTION - LEFT ========================================================================== */ .Side-Section-Left { margin-right: 75% !important; width: 25% !important; } /* ========================================================================== TOP SECTION ========================================================================== */ @media (max-width: 767px) { .Top-Panel-Alignment { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } } @media (min-width: 768px) { .Top-Panel-Alignment { display: flex !important; flex-direction: column !important; justify-content: center !important; } } /* ========================================================================== SIGNATURE CONTAINER ========================================================================== */ .Homepage-Signature-Container .wpb_wrapper { display: flex; align-items: center; } /* ========================================================================== BUTTON MARGINS ========================================================================== */ /* @media (max-width: 767px) { .Button-Margin { margin-left: 50% !important; width: 50% !important; } } */ /* ========================================================================== HIDE ON MOBILE ========================================================================== */ @media (max-width: 767px) { .Homepage-Hide-MB { display: none !important; } } @media (max-width: 814px) { .Homepage-Hide-Landscape-MB { display: none !important; } } /* ========================================================================== HIDE ON DESKTOP ========================================================================== */ @media (min-width: 768px) { .Homepage-Hide-DT { display: none !important; } } /* ========================================================= //////////////////////////////////////////////////////////// HARRY COLT SIGNATURE PAGE //////////////////////////////////////////////////////////// ========================================================= */ .BG-Color-Black { background-color: #000000; } /* ========================================================================== SIGNATURE ========================================================================== */ .Signature-BG { background-color: #000000; } .Harry-Colt-Signature { text-align: center !important; } .Harry-Colt-Signature img { width: 80vw;; } @media (min-width: 768px) { .Harry-Colt-Signature img { width: 35vw; } } @media (min-width: 900px) { .Harry-Colt-Signature img { width: 35vw; } } @media (min-width: 1200px) { .Harry-Colt-Signature img { width: 35vw; } } @media (min-width: 1800px) { .Harry-Colt-Signature img { width: 35vw; } } @media (min-width: 2100px) { .Harry-Colt-Signature img { width: 35vw; } } /* ========================================================================== SGH LOGO ON HARRY COLT PAGE ========================================================================== */ .SGH-Logo-HC-Page { text-align: center !important; } .SGH-Logo-HC-Page img { width: 50vw;; } @media (min-width: 768px) { .SGH-Logo-HC-Page img { width: 15vw; } } @media (min-width: 900px) { .SGH-Logo-HC-Page img { width: 15vw; } } @media (min-width: 1200px) { .SGH-Logo-HC-Page img { width: 15vw; } } @media (min-width: 1800px) { .SGH-Logo-HC-Page img { width: 15vw; } } @media (min-width: 2100px) { .SGH-Logo-HC-Page img { width: 15vw;; } } /* ========================================================================== RCP LOGO ON ARCHITECTURE PAGE ========================================================================== */ .RCP-Logo-Architecture-Page { text-align: center !important; } .RCP-Logo-Architecture-Page img { width: 50vw;; } @media (min-width: 768px) { .RCP-Logo-Architecture-Page img { width: 50vw; } } @media (min-width: 900px) { .RCP-Logo-Architecture-Page img { width: 50vw; } } @media (min-width: 1200px) { .RCP-Logo-Architecture-Page img { width: 50vw; } } @media (min-width: 1800px) { .RCP-Logo-Architecture-Page img { width: 50vw; } } @media (min-width: 2100px) { .RCP-Logo-Architecture-Page img { width: 50vw;; } } /* ========================================================================== HOLE Number ========================================================================== */ .Colt-Hole-No h2, .Colt-Hole-No sup { font-family: Baskerville !important; line-height: 0.8em !important; } .Colt-Hole-No h2 { font-size: 100px !important; } @media (min-width: 768px) { .Colt-Hole-No h2 { font-size: 300px !important; } } @media (min-width: 900px) { .Colt-Hole-No h2 { font-size: 300px !important; } } @media (min-width: 1200px) { .Colt-Hole-No h2 { font-size: 300px !important; } } @media (min-width: 1800px) { .Colt-Hole-No h2 { font-size: 300px !important; } } @media (min-width: 2100px) { .Colt-Hole-No h2 { font-size: 300px !important; } } /* ========================================================================== HOLE Number SUPERSCRIPT ========================================================================== */ .Colt-Hole-No sup { font-size: 25px !important; position: relative; top: -1.5em; } @media (min-width: 768px) { .Colt-Hole-No sup { font-size: 50px !important; position: relative; top: -1.5em; } } @media (min-width: 900px) { .Colt-Hole-No sup { font-size: 50px !important; position: relative; top: -1.5em; } } @media (min-width: 1200px) { .Colt-Hole-No sup { font-size: 50px !important; position: relative; top: -1.5em; } } @media (min-width: 1800px) { .Colt-Hole-No sup { font-size: 50px !important; position: relative; top: -1.5em; } } @media (min-width: 2100px) { .Colt-Hole-No sup { font-size: 50px !important; position: relative; top: -1.5em; } } /* ========================================================================== HOLE Number Letter Spacing ========================================================================== */ .Hole-Number { letter-spacing: -0.15em !important; } .Hole-Number-Wide { letter-spacing: -0.05em !important; } /* ========================================================================== HOLE Number Letter Spacing ========================================================================== */ .RCP-Hole-Number { } .RCP-Hole-Number-Wide { } /* ========================================================================== RCP HOLE Number ========================================================================== */ .RCP-Hole-No h2, .RCP-Hole-No sup { font-family: Baskerville !important; line-height: 0.8em !important; } .RCP-Hole-No h2 { font-size: 50px !important; } @media (min-width: 768px) { .RCP-Hole-No h2 { font-size: 100px !important; } } @media (min-width: 900px) { .RCP-Hole-No h2 { font-size: 100px !important; } } @media (min-width: 1200px) { .RCP-Hole-No h2 { font-size: 100px !important; } } @media (min-width: 1800px) { .RCP-Hole-No h2 { font-size: 200px !important; } } @media (min-width: 2100px) { .RCP-Hole-No h2 { font-size: 200px !important; } } /* ========================================================================== GRADIENT ========================================================================== */ .Harry-Colt-Gradient{ background: linear-gradient( 180deg, rgba(0,0,0, 1.0) 0%, rgba(0,0,0, 1.0) 50%, rgba(0,0,0, 1.0) 100%); } /* ========================================================================== MAP ========================================================================== */ .Harry-Colt-Map { text-align: center !important; } /* ========================================================================== SIGNATURE SPACER ========================================================================== */ .Signature-Spacer-OR .full_section_inner { display: flex; } .Signature-Spacer-OC { display: flex; align-items: flex-end; } .Signature-Spacer { text-align: center !important; } .Signature-Spacer img { width: 100%; } @media (min-width: 768px) { .Signature-Spacer img { width: 60%; } } /* ========================================================================== PRO SIGNATURE ========================================================================== */ .Pro-Signature img { width: 50% !important; } @media (min-width: 768px) { .Pro-Signature img { width: 50% !important; } } @media (min-width: 900px) { .Pro-Signature img { width: 50% !important; } } @media (min-width: 1200px) { .Pro-Signature img { width: 50% !important; } } @media (min-width: 1800px) { .Pro-Signature img { width: 50% !important; ; } } @media (min-width: 2100px) { .Pro-Signature img { width: 50% !important; } } /* ========================================================= //////////////////////////////////////////////////////////// FONTS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// ALL FONTS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// GENERIC FONTS //////////////////////////////////////////////////////////// ========================================================= */ /* h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display", Baskerville !important; } */ h1, h2, h3, h4, h5, h6 { font-family: "Crimson Text", Baskerville !important; } body, p { font-family: "Raleway" ,sans-serif !important; } .AB-Link-Course p, .AB-Link-Planner p { font-family: "Raleway" ,sans-serif !important; } body .About, .About p, .About h1, .About h2, .About h3, .About h4, .About h5, .About h6 { /* font-family: "Google Sans",Roboto,Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Raleway" ,sans-serif !important; */ } .FF-Wrap, body .FF-Wrap, .FF-Wrap p, .FF-Wrap a, .FF-Wrap li, .FF-Wrap h1, .FF-Wrap h2, .FF-Wrap h3, .FF-Wrap h4, .FF-Wrap h5, .FF-Wrap h6 { font-family: "Playfair Display", Baskerville !important; } /* ========================================================= //////////////////////////////////////////////////////////// GENERIC FONT COLORS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== GENERIC FONT COLORS ========================================================================== */ h1, h2, h3, h4, h5, h6 { color: #39423e; } p, li { color: #39423e; } a, p a { color: #39423e; } a:hover, p a:hover { color: #a29e5e; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #a29e5e; } /* ========================================================================== LIGHT FONT COLORS ========================================================================== */ body .TC-Light, .TC-Light a, .TC-Light li, .TC-Light p, .TC-Light h1, .TC-Light h2, .TC-Light h3, .TC-Light h4, .TC-Light h5, .TC-Light h6 { color: #8b9e94; } /* ========================================================================== LIGHTER FONT COLORS ========================================================================== */ body .TC-Lighter, .TC-Lighter a, .TC-Lighter li, .TC-Lighter p, .TC-Lighter h1, .TC-Lighter h2, .TC-Lighter h3, .TC-Lighter h4, .TC-Lighter h5, .TC-Lighter h6 { color: #bdc7c2; } /* ========================================================================== LIGHTEST FONT COLORS ========================================================================== */ body .TC-Lightest, .TC-Lightest a, .TC-Lightest li, .TC-Lightest p, .TC-Lightest h1, .TC-Lightest h2, .TC-Lightest h3, .TC-Lightest h4, .TC-Lightest h5, .TC-Lightest h6 { color: #edf1ef; } /* ========================================================================== MOBILE - LIGHTEST FONT COLORS ========================================================================== */ @media (max-width: 767px){ .TC-Lightest-MB, .TC-Lightest-MB a, .TC-Lightest-MB li, .TC-Lightest-MB p, .TC-Lightest-MB h1, .TC-Lightest-MB h2, .TC-Lightest-MB h3, .TC-Lightest-MB h4, .TC-Lightest-MB h5, .TC-Lightest-MB h6 { color: #edf1ef; } } /* ========================================================================== DESKTOP - LIGHTEST FONT COLORS ========================================================================== */ @media (min-width: 768px){ .TC-Lightest-DT, .TC-Lightest-DT a, .TC-Lightest-DT li, .TC-Lightest-DT p, .TC-Lightest-DT h1, .TC-Lightest-DT h2, .TC-Lightest-DT h3, .TC-Lightest-DT h4, .TC-Lightest-DT h5, .TC-Lightest-DT h6 { color: #edf1ef; } } /* ========================================================================== DARK FONT COLORS ========================================================================== */ body .TC-Dark, .TC-Dark a, .TC-Dark li, .TC-Dark p, .TC-Dark h1, .TC-Dark h2, .TC-Dark h3, .TC-Dark h4, .TC-Dark h5, .TC-Dark h6 { color: #718078; } /* ========================================================================== DARKER FONT COLORS ========================================================================== */ body .TC-Darker, .TC-Darker a, .TC-Darker li, .TC-Darker p, .TC-Darker h1, .TC-Darker h2, .TC-Darker h3, .TC-Darker h4, .TC-Darker h5, .TC-Darker h6 { color: #55615b; } /* ========================================================================== DARKEST FONT COLORS ========================================================================== */ body .TC-Darkest, .TC-Darkest a, .TC-Darkest li, .TC-Darkest p, .TC-Darkest h1, .TC-Darkest h2, .TC-Darkest h3, .TC-Darkest h4, .TC-Darkest h5, .TC-Darkest h6 { color: #39423e; } /* ========================================================================== MOBILE - DARKEST FONT COLORS ========================================================================== */ @media (max-width: 767px){ .TC-Darkest-MB, .TC-Darkest-MB a, .TC-Darkest-MB li, .TC-Darkest-MB p, .TC-Darkest-MB h1, .TC-Darkest-MB h2, .TC-Darkest-MB h3, .TC-Darkest-MB h4, .TC-Darkest-MB h5, .TC-Darkest-MB h6 { color: #39423e !important; } } /* ========================================================================== DESKTOP - DARKEST FONT COLORS ========================================================================== */ @media (min-width: 768px){ .TC-Darkest-DT, .TC-Darkest-DT a, .TC-Darkest-DT li, .TC-Darkest-DT p, .TC-Darkest-DT h1, .TC-Darkest-DT h2, .TC-Darkest-DT h3, .TC-Darkest-DT h4, .TC-Darkest-DT h5, .TC-Darkest-DT h6 { color: #39423e !important; } } /* ========================================================================== DARK GREY FONT COLORS ========================================================================== */ body .TC-Dark-Grey, .TC-Dark-Grey li, .TC-Dark-Grey p, .TC-Dark-Grey h1, .TC-Dark-Grey h2, .TC-Dark-Grey h3, .TC-Dark-Grey h4, .TC-Dark-Grey h5, .TC-Dark-Grey h6 { color: #414141; } /* ========================================================================== GOLD FONT COLORS ========================================================================== */ body .TC-Gold, .TC-Gold a, .TC-Gold li, .TC-Gold p, .TC-Gold h1, .TC-Gold h2, .TC-Gold h3, .TC-Gold h4, .TC-Gold h5, .TC-Gold h6 { color: #a56f54; } .TC-Gold:hover a { color: #906c4c; } /* ========================================================================== RCP GOLD FONT COLORS ========================================================================== */ body .TC-RCP-Gold , .TC-RCP-Gold a, .TC-RCP-Gold li, .TC-RCP-Gold p, .TC-RCP-Gold h1, .TC-RCP-Gold h2, .TC-RCP-Gold h3, .TC-RCP-Gold h4, .TC-RCP-Gold h5, .TC-RCP-Gold h6 { color: #af942f; } .TC-RCP-Gold :hover a { color: #906c4c; } /* ========================================================================== TITLE FONT COLORS ========================================================================== */ .text_above_title { color: #ffffff !important; } .title h1 { color: #ffffff !important; } .title .separator { color: #ffffff !important; } .subtitle { color: #ffffff !important; } /* ========================================================= //////////////////////////////////////////////////////////// FOOTER COLORS //////////////////////////////////////////////////////////// ========================================================= */ body .TC-Footer, .TC-Footer h1, .TC-Footer h2, .TC-Footer h3, .TC-Footer h4, .TC-Footer h5, .TC-Footer h6 { color: #ffffff !important; } .TC-Footer p { color: #ffffff !important; } .TC-Footer a { color: #ffffff !important; } /* ========================================================= //////////////////////////////////////////////////////////// FONT WEIGHTS //////////////////////////////////////////////////////////// ========================================================= */ body, p, h1, h2, h3, h4, h5, h6 { text-transform: none; font-weight: 400 !important; } body .FW-L, .FW-L p, .FW-L h1, .FW-L h2, .FW-L h3, .FW-L h4, .FW-L h5, .FW-L h6 { text-transform: none; font-weight: 200 !important; } .AB-Link a, .AB-Link-3Button a { font-weight: 200 !important; } .AB-Link-Planner { font-weight: 400 !important; } .AB-Link-Course a { font-weight: 200 !important; } body .About, .About p, .About h1, .About h2, .About h3, .About h4, .About h5, .About h6 { text-transform: none; font-weight: 200 !important; } /* ========================================================= //////////////////////////////////////////////////////////// FONT SIZES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// GENERIC FONT SIZES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== GENERIC BODY ========================================================================== */ body { font-size: 12px !important; } @media (min-width: 350px){ body { font-size: 12px !important; } } @media (min-width: 400px){ body { font-size: 12px !important; } } @media (min-width: 768px){ body { font-size: 12px !important; } } @media (min-width: 900px){ body { font-size: 12px !important; } } @media (min-width: 1200px){ body { font-size: 13px !important; } } @media (min-width: 1800px){ body { font-size: 13px !important; } } /* ========================================================================== GENERIC PARAGRAPH ========================================================================== */ p { font-size: 12px !important; } @media (min-width: 350px){ p { font-size: 12px !important; } } @media (min-width: 400px){ p { font-size: 12px !important; } } @media (min-width: 768px){ p { font-size: 12px !important; } } @media (min-width: 900px){ p { font-size: 12px !important; } } @media (min-width: 1200px){ p { font-size: 13px !important; } } @media (min-width: 1800px){ p { font-size: 13px !important; } } /* ========================================================================== GENERIC H1 ========================================================================== */ h1 { font-size: 24px !important; } @media (min-width: 768px){ h1 { font-size: 24px !important; } } @media (min-width: 900px){ h1 { font-size: 24px !important; } } @media (min-width: 1200px){ h1 { font-size: 30px !important; } } @media (min-width: 1800px){ h1 { font-size: 36px !important; } } /* ========================================================================== GENERIC H2 ========================================================================== */ h2 { font-size: 22px !important; } @media (min-width: 768px){ h2 { font-size: 22px !important; } } @media (min-width: 900px){ h2 { font-size: 22px !important; } } @media (min-width: 1200px){ h2 { font-size: 28px !important; } } @media (min-width: 1800px){ h2 { font-size: 32px !important; } } /* ========================================================================== GENERIC H3 ========================================================================== */ h3 { font-size: 18px !important; } @media (min-width: 768px){ h3 { font-size: 18px !important; } } @media (min-width: 900px){ h3 { font-size: 18px !important; } } @media (min-width: 1200px){ h3 { font-size: 22px !important; } } @media (min-width: 1800px){ h3 { font-size: 26px !important; } } /* ========================================================================== GENERIC H4 ========================================================================== */ h4 { font-size: 16px !important; } @media (min-width: 768px){ h4 { font-size: 16px !important; } } @media (min-width: 900px){ h4 { font-size: 16px !important; } } @media (min-width: 1200px){ h4 { font-size: 18px !important; } } @media (min-width: 1800px){ h4 { font-size: 22px !important; } } /* ========================================================================== GENERIC H5 ========================================================================== */ h5 { font-size: 14px !important; } @media (min-width: 768px){ h5 { font-size: 14px !important; } } @media (min-width: 900px){ h5 { font-size: 14px !important; } } @media (min-width: 1200px){ h5 { font-size: 16px !important; } } @media (min-width: 1800px){ h5 { font-size: 18px !important; } } /* ========================================================================== GENERIC H6 ========================================================================== */ h6 { font-size: 12px !important; } @media (min-width: 768px){ h6 { font-size: 12px !important; } } @media (min-width: 900px){ h6 { font-size: 12px !important; } } @media (min-width: 1200px){ h6 { font-size: 14px !important; } } @media (min-width: 1800px){ h6 { font-size: 16px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// LARGE FONT SIZES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== LARGE BODY ========================================================================== */ body .TS-L { font-size: 14px !important; } @media (min-width: 768px){ body .TS-L { font-size: 14px !important; } } @media (min-width: 900px){ body .TS-L { font-size: 16px !important; } } @media (min-width: 1200px){ body .TS-L { font-size: 16px !important; } } @media (min-width: 1800px){ body .TS-L { font-size: 20px !important; } } /* ========================================================================== LARGE PARAGRAPH ========================================================================== */ .TS-L p { font-size: 14px !important; } @media (min-width: 768px){ .TS-L p { font-size: 14px !important; } } @media (min-width: 900px){ .TS-L p { font-size: 16px !important; } } @media (min-width: 1200px){ .TS-L p { font-size: 16px !important; } } @media (min-width: 1800px){ .TS-L p { font-size: 20px !important; } } /* ========================================================================== LARGE H1 ========================================================================== */ .TS-L h1 { font-size: 24px !important; } @media (min-width: 768px){ .TS-L h1 { font-size: 24px !important; } } @media (min-width: 900px){ .TS-L h1 { font-size: 36px !important; } } @media (min-width: 1200px){ .TS-L h1 { font-size: 42px !important; } } @media (min-width: 1800px){ .TS-L h1 { font-size: 56px !important; } } /* ========================================================================== LARGE H2 ========================================================================== */ .TS-L h2 { font-size: 28px !important; } @media (min-width: 768px){ .TS-L h2 { font-size: 28px !important; } } @media (min-width: 900px){ .TS-L h2 { font-size: 28px !important; } } @media (min-width: 1200px){ .TS-L h2 { font-size: 36px !important; } } @media (min-width: 1800px){ .TS-L h2 { font-size: 48px !important; } } /* ========================================================================== LARGE H3 ========================================================================== */ .TS-L h3 { font-size: 24px !important; } @media (min-width: 768px){ .TS-L h3 { font-size: 24px !important; } } @media (min-width: 900px){ .TS-L h3 { font-size: 24px !important; } } @media (min-width: 1200px){ .TS-L h3 { font-size: 28px !important; } } @media (min-width: 1800px){ .TS-L h3 { font-size: 42px !important; } } /* ========================================================================== LARGE H4 ========================================================================== */ .TS-L h4 { font-size: 22px !important; } @media (min-width: 768px){ .TS-L h4 { font-size: 22px !important; } } @media (min-width: 900px){ .TS-L h4 { font-size: 22px !important; } } @media (min-width: 1200px){ .TS-L h4 { font-size: 28px !important; } } @media (min-width: 1800px){ .TS-L h4 { font-size: 36px !important; } } /* ========================================================================== LARGE H5 ========================================================================== */ .TS-L h5 { font-size: 20px !important; } @media (min-width: 768px){ .TS-L h5 { font-size: 20px !important; } } @media (min-width: 900px){ .TS-L h5 { font-size: 20px !important; } } @media (min-width: 1200px){ .TS-L h5 { font-size: 24px !important; } } @media (min-width: 1800px){ .TS-L h5 { font-size: 28px !important; } } /* ========================================================================== LARGE H6 ========================================================================== */ .TS-L h6 { font-size: 16px !important; } @media (min-width: 768px){ .TS-L h6 { font-size: 16px !important; } } @media (min-width: 900px){ .TS-L h6 { font-size: 16px !important; } } @media (min-width: 1200px){ .TS-L h6 { font-size: 18px !important; } } @media (min-width: 1800px){ .TS-L h6 { font-size: 20px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// EXTRA LARGE FONT SIZES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== HOMEPAGE PARAGRAPH ========================================================================== */ .TS-Homepage p { font-size: 14px !important; } @media (min-width: 768px){ .TS-Homepage p { font-size: 10px !important; } } @media (min-width: 992px){ .TS-Homepage p { font-size: 14px !important; } } @media (min-width: 1200px){ .TS-Homepage p { font-size: 16px !important; } } @media (min-width: 1800px){ .TS-Homepage p { font-size: 20px !important; } } @media (min-width: 2100px){ .TS-Homepage p { font-size: 20px !important; } } /* ========================================================================== EXTRA LARGE BODY ========================================================================== */ body .TS-XL { font-size: 16px !important; } @media (min-width: 768px){ body .TS-XL { font-size: 16px !important; } } @media (min-width: 900px){ body .TS-XL { font-size: 16px !important; } } @media (min-width: 1200px){ body .TS-XL { font-size: 16px !important; } } @media (min-width: 1800px){ body .TS-XL { font-size: 20px !important; } } /* ========================================================================== EXTRA LARGE PARAGRAPH ========================================================================== */ .TS-XL p { font-size: 16px !important; } @media (min-width: 768px){ .TS-XL p { font-size: 16px !important; } } @media (min-width: 900px){ .TS-XL p { font-size: 16px !important; } } @media (min-width: 1200px){ .TS-XL p { font-size: 16px !important; } } @media (min-width: 1800px){ .TS-XL p { font-size: 20px !important; } } /* ========================================================================== EXTRA LARGE H1 ========================================================================== */ .TS-XL h1 { font-size: 36px !important; } @media (min-width: 768px){ .TS-XL h1 { font-size: 42px !important; } } @media (min-width: 900px){ .TS-XL h1 { font-size: 42px !important; } } @media (min-width: 1200px){ .TS-XL h1 { font-size: 60px !important; } } @media (min-width: 1800px){ .TS-XL h1 { font-size: 96px !important; } } /* ========================================================================== EXTRA LARGE H2 ========================================================================== */ .TS-XL h2 { font-size: 30px !important; } @media (min-width: 768px){ .TS-XL h2 { font-size: 30px !important; } } @media (min-width: 900px){ .TS-XL h2 { font-size: 36px !important; } } @media (min-width: 1200px){ .TS-XL h2 { font-size: 42px !important; } } @media (min-width: 1800px){ .TS-XL h2 { font-size: 64px !important; } } /* ========================================================================== EXTRA LARGE H3 ========================================================================== */ .TS-XL h3 { font-size: 28px !important; } @media (min-width: 768px){ .TS-XL h3 { font-size: 28px !important; } } @media (min-width: 900px){ .TS-XL h3 { font-size: 30px !important; } } @media (min-width: 1200px){ .TS-XL h3 { font-size: 36px !important; } } @media (min-width: 1800px){ .TS-XL h3 { font-size: 56px !important; } } /* ========================================================================== EXTRA LARGE H4 ========================================================================== */ .TS-XL h4 { font-size: 26px !important; } @media (min-width: 768px){ .TS-XL h4 { font-size: 26px !important; } } @media (min-width: 900px){ .TS-XL h4 { font-size: 28px !important; } } @media (min-width: 1200px){ .TS-XL h4 { font-size: 32px !important; } } @media (min-width: 1800px){ .TS-XL h4 { font-size: 48px !important; } } /* ========================================================================== EXTRA LARGE H5 ========================================================================== */ .TS-XL h5 { font-size: 24px !important; } @media (min-width: 768px){ .TS-XL h5 { font-size: 24px !important; } } @media (min-width: 900px){ .TS-XL h5 { font-size: 24px !important; } } @media (min-width: 1200px){ .TS-XL h5 { font-size: 30px !important; } } @media (min-width: 1800px){ .TS-XL h5 { font-size: 36px !important; } } /* ========================================================================== EXTRA LARGE H6 ========================================================================== */ .TS-XL h6 { font-size: 18px !important; } @media (min-width: 768px){ .TS-XL h6 { font-size: 18px !important; } } @media (min-width: 900px){ .TS-XL h6 { font-size: 18px !important; } } @media (min-width: 1200px){ .TS-XL h6 { font-size: 20px !important; } } @media (min-width: 1800px){ .TS-XL h6 { font-size: 24px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// TITLE FONT SIZE //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== TEXT ABOVE TITLE ========================================================================== */ .text_above_title { font-size: 18px !important; } @media (min-width: 600px){ .text_above_title { font-size: 20px !important; } } @media (min-width: 900px){ .text_above_title { font-size: 22px !important; } } @media (min-width: 1200px){ .text_above_title { font-size: 24px !important; } } @media (min-width: 1800px){ .text_above_title { font-size: 28px !important; } } @media (min-width: 2100px){ .text_above_title { font-size: 36px !important; } } /* ========================================================================== TITLE H1 ========================================================================== */ .title h1 { font-size: 24px !important; } @media (min-width: 600px){ .title h1 { font-size: 24px !important; } } @media (min-width: 900px){ .title h1 { font-size: 30px !important; } } @media (min-width: 1200px){ .title h1 { font-size: 36px !important; } } @media (min-width: 1800px){ .title h1 { font-size: 42px !important; } } @media (min-width: 2100px){ .title h1 { font-size: 48px !important; } } /* ========================================================================== SUBTITLE ========================================================================== */ .subtitle { font-size: 16px !important; } @media (min-width: 600px){ .subtitle { font-size: 16px !important; } } @media (min-width: 900px){ .subtitle { font-size: 18px !important; } } @media (min-width: 1200px){ .subtitle { font-size: 20px !important; } } @media (min-width: 1800px){ .subtitle { font-size: 22px !important; } } @media (min-width: 2100px){ .subtitle { font-size: 24px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// CATEGORY FONT SIZE //////////////////////////////////////////////////////////// ========================================================= */ a .categories, .project_category { font-size: 12px !important; } @media (min-width: 600px){ a .categories, .project_category { font-size: 12px !important; } } @media (min-width: 900px){ a .categories, .project_category { font-size: 12px !important; } } @media (min-width: 1200px){ a .categories, .project_category { font-size: 14px !important; } } @media (min-width: 1800px){ a .categories, .project_category { font-size: 14px !important; } } @media (min-width: 2100px){ a .categories, .project_category { font-size: 16px !important; } } /* ========================================================================== HOMEPAGE COURSE FONT SIZE H5 ========================================================================== */ .Homepage-Course h5 { font-size: 14px !important; } @media (min-width: 375px){ .Homepage-Course h5 { font-size: 14px !important; } } @media (min-width: 768px){ .Homepage-Course h5 { font-size: 16px !important; } } @media (min-width: 900px){ .Homepage-Course h5 { font-size: 16px !important; } } @media (min-width: 1200px){ .Homepage-Course h5 { font-size: 16px !important; } } @media (min-width: 1800px){ .Homepage-Course h5 { font-size: 30px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// FONT LETTER SPACING //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== GENERIC LETTER SPACING ========================================================================== */ body, p, h1, h2, h3, h4, h5, h6 { letter-spacing: 0.02em; } .LS-L p, .LS-L li, .LS-L h1, .LS-L h2, .LS-L h3, .LS-L h4, .LS-L h5, .LS-L h6 { letter-spacing: 0.10em; } .LS-XL p, .LS-XL li, .LS-XL h1, .LS-XL h2, .LS-XL h3, .LS-XL h4, .LS-XL h5, .LS-XL h6 { letter-spacing: 0.20em; } /* ========================================================= //////////////////////////////////////////////////////////// FONT LINE HEIGHT //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== GENERIC LINE HEIGHT ========================================================================== */ body, p, h1, h2, h3, h4, h5, h6 { line-height: 1.5em; } .LH-L p, .LH-L li, .LH-L h1, .LH-L h2, .LH-L h3, .LH-L h4, .LH-L h5, .LH-L h6 { line-height: 1.6em; } .LH-XL p, .LH-XL li, .LH-XL h1, .LH-XL h2, .LH-XL h3, .LH-XL h4, .LH-XL h5, .LH-XL h6 { line-height: 2.8em; } /* ========================================================================== SPECIAL LINE HEIGHTS ========================================================================== */ @media (max-width: 767px){ .LH-S-MB a, .LH-S-MB p { line-height: 1.0em !important; } } /* ========================================================= //////////////////////////////////////////////////////////// BULLETS //////////////////////////////////////////////////////////// ========================================================= */ .About ul { list-style-position: outside; margin: 0 0 0 50px; } .About ul li { margin: 10px 0 0 0; } /* ========================================================= //////////////////////////////////////////////////////////// BRANDING BULLETS //////////////////////////////////////////////////////////// ========================================================= */ .Branding ul { list-style-position: outside; margin: 0 0 0 15px; } @media (min-width: 767px) { .Branding ul { list-style-position: outside; margin: 0 0 0 50px; } } .Branding ul li { margin: 5px 0 0 0; } @media (min-width: 350px) { .Branding ul li { margin: 5px 0 0 0; } } @media (min-width: 400px) { .Branding ul li { margin: 5px 0 0 0; } } @media (min-width: 450px) { .Branding ul li { margin: 5px 0 0 0; } } @media (min-width: 767px) { .Branding ul li { margin: 10px 0 0 0; } } /* ========================================================= //////////////////////////////////////////////////////////// SOCIETY BULLETS //////////////////////////////////////////////////////////// ========================================================= */ .Society ul { list-style-position: outside; margin: 0 0 0 15px; } @media (min-width: 767px) { .Society ul { list-style-position: outside; margin: 0 0 0 50px; } } .Society ul li { margin: 0 0 0 0; } @media (min-width: 350px) { .Society ul li { margin: 0 0 0 0; } } @media (min-width: 400px) { .Society ul li { margin: 0 0 0 0; } } @media (min-width: 450px) { .Society ul li { margin: 0 0 0 0; } } @media (min-width: 767px) { .Society ul li { margin: 0 0 0 0; } } /* ========================================================= //////////////////////////////////////////////////////////// BLOCK QUOTES //////////////////////////////////////////////////////////// ========================================================= */ .Block-Quote .with_quote_icon { padding-left: 5vw; padding-right: 5vw; } .Block-Quote h5 { font-family: "Raleway" ,sans-serif !important; } /* ========================================================= //////////////////////////////////////////////////////////// BACKGROUND COLORS - //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ BLACK BACKGROUND =================================================================================== */ .BG-Dark { background-color: #000000; } .BG-0-0-0-10 { background-color: rgba(0, 0, 0, 1.0); } .BG-0-0-0-05 { background-color: rgba(0, 0, 0, 0.5); } .BG-0-0-0-005 { background-color: rgba(0, 0, 0, 0.05); } /* ================================================================================ WHITE BACKGROUND =================================================================================== */ .BG-255-255-255-05 { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 767px) { .BG-255-255-255-05-MB { background-color: rgba(255, 255, 255, 0.5); } } @media (min-width: 768px) { .BG-255-255-255-05-DT { background-color: rgba(255, 255, 255, 0.5); } } .BG-255-255-255-10 { background-color: rgba(255, 255, 255, 1.0); } @media (max-width: 767px) { .BG-255-255-255-10-MB { background-color: rgba(255, 255, 255, 1.0); } } @media (min-width: 768px) { .BG-255-255-255-10-DT { background-color: rgba(255, 255, 255, 1.0); } } /* ========================================================= //////////////////////////////////////////////////////////// ALL PADDING //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ REMOVE PADDING ON VC COLUMN INNER =================================================================================== */ .VC-Pad-RL-0 { margin-left: 0px !important; margin-right: 0px !important; } /* ========================================================= //////////////////////////////////////////////////////////// MOBILE Padding //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ 0 =================================================================================== */ .Pad-T-0 { padding-top: 0vh !important; } .Pad-B-0 { padding-bottom: 0vh !important; } .Pad-R-0 { padding-right: 0vw !important; } .Pad-L-0 { padding-left: 0vw !important; } .Pad-TB-0 { padding-top: 0vh !important; padding-bottom: 0vh !important; } .Pad-RL-0 { padding-left: 0vw !important; padding-right: 0vw !important; } .Pad-TRBL-0 { padding: 0 !important; } /* ================================================================================ 1 =================================================================================== */ .Pad-T-1 { padding-top: 1vh !important; } .Pad-B-1 { padding-bottom: 1vh !important; } .Pad-R-1 { padding-right: 1vw !important; } .Pad-L-1 { padding-left: 1vw !important; } .Pad-TB-1 { padding-top: 1vh !important; padding-bottom: 1vh !important; } .Pad-RL-1 { padding-left: 1vw !important; padding-right: 1vw !important; } /* ================================================================================ 2 =================================================================================== */ .Pad-T-2 { padding-top: 2vh !important; } .Pad-B-2 { padding-bottom: 2vh !important; } .Pad-R-2 { padding-right: 2vw !important; } .Pad-L-2 { padding-left: 2vw !important; } .Pad-TB-2 { padding-top: 2vh !important; padding-bottom: 2vh !important; } .Pad-RL-2 { padding-left: 2vw !important; padding-right: 2vw !important; } /* ================================================================================ 3 =================================================================================== */ .Pad-T-3 { padding-top: 3vh !important; } .Pad-B-3 { padding-bottom: 3vh !important; } .Pad-R-3 { padding-right: 3vw !important; } .Pad-L-3 { padding-left: 3vw !important; } .Pad-TB-3 { padding-top: 3vh !important; padding-bottom: 3vh !important; } .Pad-RL-3 { padding-left: 3vw !important; padding-right: 3vw !important; } /* ================================================================================ 5 =================================================================================== */ .Pad-T-5 { padding-top: 5vh !important; } .Pad-B-5 { padding-bottom: 5vh !important; } .Pad-R-5 { padding-right: 5vw !important; } .Pad-L-5 { padding-left: 5vw !important; } .Pad-TB-5 { padding-top: 5vh !important; padding-bottom: 5vh !important; } .Pad-RL-5 { padding-left: 5vw !important; padding-right: 5vw !important; } /* ================================================================================ 10 =================================================================================== */ .Pad-T-10 { padding-top: 10vh !important; } .Pad-B-10 { padding-bottom: 10vh !important; } .Pad-R-10 { padding-right: 10vw !important; } .Pad-L-10 { padding-left: 10vw !important; } .Pad-TB-10 { padding-top: 10vh !important; padding-bottom: 10vh !important; } .Pad-RL-10 { padding-left: 10vw !important; padding-right: 10vw !important; } /* ================================================================================ 15 =================================================================================== */ .Pad-T-15 { padding-top: 15vh !important; } .Pad-B-15 { padding-bottom: 15vh !important; } .Pad-R-15 { padding-right: 15vw !important; } .Pad-L-15 { padding-left: 15vw !important; } .Pad-TB-15 { padding-top: 15vh !important; padding-bottom: 15vh !important; } .Pad-RL-15 { padding-left: 15vw !important; padding-right: 15vw !important; } /* ================================================================================ 20 =================================================================================== */ .Pad-T-20 { padding-top: 20vh !important; } .Pad-B-20 { padding-bottom: 20vh !important; } .Pad-R-20 { padding-right: 20vw !important; } .Pad-L-20 { padding-left: 20vw !important; } .Pad-TB-20 { padding-top: 20vh !important; padding-bottom: 20vh !important; } .Pad-RL-20 { padding-left: 20vw !important; padding-right: 20vw !important; } /* ================================================================================ 25 =================================================================================== */ .Pad-T-25 { padding-top: 25vh !important; } .Pad-B-25 { padding-bottom: 25vh !important; } .Pad-R-25 { padding-right: 25vw !important; } .Pad-L-25 { padding-left: 25vw !important; } .Pad-TB-25 { padding-top: 25vh !important; padding-bottom: 25vh !important; } .Pad-RL-25 { padding-left: 25vw !important; padding-right: 25vw !important; } /* ================================================================================ 30 =================================================================================== */ .Pad-T-30 { padding-top: 30vh !important; } .Pad-B-30 { padding-bottom: 30vh !important; } .Pad-R-30 { padding-right: 30vw !important; } .Pad-L-30 { padding-left: 30vw !important; } .Pad-TB-30 { padding-top: 30vh !important; padding-bottom: 30vh !important; } .Pad-RL-30 { padding-left: 30vw !important; padding-right: 30vw !important; } /* ================================================================================ 40 =================================================================================== */ .Pad-T-40 { padding-top: 40vh !important; } .Pad-B-40 { padding-bottom: 40vh !important; } .Pad-R-40 { padding-right: 40vw !important; } .Pad-L-40 { padding-left: 40vw !important; } .Pad-TB-40 { padding-top: 40vh !important; padding-bottom: 40vh !important; } .Pad-RL-40 { padding-left: 40vw !important; padding-right: 40vw !important; } /* ================================================================================ 50 =================================================================================== */ .Pad-T-50 { padding-top: 50vh !important; } .Pad-B-50 { padding-bottom: 50vh !important; } .Pad-R-50 { padding-right: 50vw !important; } .Pad-L-50 { padding-left: 50vw !important; } .Pad-TB-50 { padding-top: 50vh !important; padding-bottom: 50vh !important; } .Pad-RL-50 { padding-left: 50vw !important; padding-right: 50vw !important; } /* ================================================================================ 60 =================================================================================== */ .Pad-T-60 { padding-top: 60vh !important; } .Pad-B-60 { padding-bottom: 60vh !important; } .Pad-R-60 { padding-right: 60vw !important; } .Pad-L-60 { padding-left: 60vw !important; } .Pad-TB-60 { padding-top: 60vh !important; padding-bottom: 60vh !important; } .Pad-RL-60 { padding-left: 60vw !important; padding-right: 60vw !important; } /* ================================================================================ 70 =================================================================================== */ .Pad-T-70 { padding-top: 70vh !important; } .Pad-B-70 { padding-bottom: 70vh !important; } .Pad-R-70 { padding-right: 70vw !important; } .Pad-L-70 { padding-left: 70vw !important; } .Pad-TB-70 { padding-top: 70vh !important; padding-bottom: 70vh !important; } .Pad-RL-70 { padding-left: 70vw !important; padding-right: 70vw !important; } /* ================================================================================ 80 =================================================================================== */ .Pad-T-80 { padding-top: 80vh !important; } .Pad-B-80 { padding-bottom: 80vh !important; } .Pad-R-80 { padding-right: 80vw !important; } .Pad-L-80 { padding-left: 80vw !important; } .Pad-TB-80 { padding-top: 80vh !important; padding-bottom: 80vh !important; } .Pad-RL-80 { padding-left: 80vw !important; padding-right: 80vw !important; } /* ================================================================================ 90 =================================================================================== */ .Pad-T-90 { padding-top: 90vh !important; } .Pad-B-90 { padding-bottom: 90vh !important; } .Pad-R-90 { padding-right: 90vw !important; } .Pad-L-90 { padding-left: 90vw !important; } .Pad-TB-90 { padding-top: 90vh !important; padding-bottom: 90vh !important; } .Pad-RL-90 { padding-left: 90vw !important; padding-right: 90vw !important; } /* ================================================================================ 100 =================================================================================== */ .Pad-T-100 { padding-top: 100vh !important; } .Pad-B-100 { padding-bottom: 100vh !important; } .Pad-R-100 { padding-right: 100vw !important; } .Pad-L-100 { padding-left: 100vw !important; } .Pad-TB-100 { padding-top: 100vh !important; padding-bottom: 100vh !important; } .Pad-RL-100 { padding-left: 100vw !important; padding-right: 100vw !important; } /* ========================================================= //////////////////////////////////////////////////////////// IPAD Padding //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ 0 =================================================================================== */ @media (min-width: 992px) { .Pad-T-0-IP { padding-top: 0vh !important; } .Pad-B-0-IP { padding-bottom: 0vh !important; } .Pad-R-0-IP { padding-right: 0vw !important; } .Pad-L-0-IP { padding-left: 0vw !important; } .Pad-TB-0-IP { padding-top: 0vh !important; padding-bottom: 0vh !important; } .Pad-RL-0-IP { padding-left: 0vw !important; padding-right: 0vw !important; } .Pad-TRBL-0-IP { padding: 0 !important; } } /* ================================================================================ 1 =================================================================================== */ @media (min-width: 992px) { .Pad-T-1-IP { padding-top: 1vh !important; } .Pad-B-1-IP { padding-bottom: 1vh !important; } .Pad-R-1-IP { padding-right: 1vw !important; } .Pad-L-1-IP { padding-left: 1vw !important; } .Pad-TB-1-IP { padding-top: 1vh !important; padding-bottom: 1vh !important; } .Pad-RL-1-IP { padding-left: 1vw !important; padding-right: 1vw !important; } } /* ================================================================================ 2 =================================================================================== */ @media (min-width: 992px) { .Pad-T-2-IP { padding-top: 2vh !important; } .Pad-B-2-IP { padding-bottom: 2vh !important; } .Pad-R-2-IP { padding-right: 2vw !important; } .Pad-L-2-IP { padding-left: 2vw !important; } .Pad-TB-2-IP { padding-top: 2vh !important; padding-bottom: 2vh !important; } .Pad-RL-2-IP { padding-left: 2vw !important; padding-right: 2vw !important; } } /* ================================================================================ 3 =================================================================================== */ @media (min-width: 992px) { .Pad-T-3-IP { padding-top: 3vh !important; } .Pad-B-3-IP { padding-bottom: 3vh !important; } .Pad-R-3-IP { padding-right: 3vw !important; } .Pad-L-3-IP { padding-left: 3vw !important; } .Pad-TB-3-IP { padding-top: 3vh !important; padding-bottom: 3vh !important; } .Pad-RL-3-IP { padding-left: 3vw !important; padding-right: 3vw !important; } } /* ================================================================================ 5 =================================================================================== */ @media (min-width: 992px) { .Pad-T-5-IP { padding-top: 5vh !important; } .Pad-B-5-IP { padding-bottom: 5vh !important; } .Pad-R-5-IP { padding-right: 5vw !important; } .Pad-L-5-IP { padding-left: 5vw !important; } .Pad-TB-5-IP { padding-top: 5vh !important; padding-bottom: 5vh !important; } .Pad-RL-5-IP { padding-left: 5vw !important; padding-right: 5vw !important; } } /* ================================================================================ 10 =================================================================================== */ @media (min-width: 992px) { .Pad-T-10-IP { padding-top: 10vh !important; } .Pad-B-10-IP { padding-bottom: 10vh !important; } .Pad-R-10-IP { padding-right: 10vw !important; } .Pad-L-10-IP { padding-left: 10vw !important; } .Pad-TB-10-IP { padding-top: 10vh !important; padding-bottom: 10vh !important; } .Pad-RL-10-IP { padding-left: 10vw !important; padding-right: 10vw !important; } } /* ================================================================================ 15 =================================================================================== */ @media (min-width: 992px) { .Pad-T-15-IP { padding-top: 15vh !important; } .Pad-B-15-IP { padding-bottom: 15vh !important; } .Pad-R-15-IP { padding-right: 15vw !important; } .Pad-L-15-IP { padding-left: 15vw !important; } .Pad-TB-15-IP { padding-top: 15vh !important; padding-bottom: 15vh !important; } .Pad-RL-15-IP { padding-left: 15vw !important; padding-right: 15vw !important; } } /* ================================================================================ 20 =================================================================================== */ @media (min-width: 992px) { .Pad-T-20-IP { padding-top: 20vh !important; } .Pad-B-20-IP { padding-bottom: 20vh !important; } .Pad-R-20-IP { padding-right: 20vw !important; } .Pad-L-20-IP { padding-left: 20vw !important; } .Pad-TB-20-IP { padding-top: 20vh !important; padding-bottom: 20vh !important; } .Pad-RL-20-IP { padding-left: 20vw !important; padding-right: 20vw !important; } } /* ================================================================================ 25 =================================================================================== */ @media (min-width: 992px) { .Pad-T-25-IP { padding-top: 25vh !important; } .Pad-B-25-IP { padding-bottom: 25vh !important; } .Pad-R-25-IP { padding-right: 25vw !important; } .Pad-L-25-IP { padding-left: 25vw !important; } .Pad-TB-25-IP { padding-top: 25vh !important; padding-bottom: 25vh !important; } .Pad-RL-25-IP { padding-left: 25vw !important; padding-right: 25vw !important; } } /* ================================================================================ 30 =================================================================================== */ @media (min-width: 992px) { .Pad-T-30-IP { padding-top: 30vh !important; } .Pad-B-30-IP { padding-bottom: 30vh !important; } .Pad-R-30-IP { padding-right: 30vw !important; } .Pad-L-30-IP { padding-left: 30vw !important; } } /* ================================================================================ 40 =================================================================================== */ @media (min-width: 992px) { .Pad-T-40-IP { padding-top: 40vh !important; } .Pad-B-40-IP { padding-bottom: 40vh !important; } .Pad-R-40-IP { padding-right: 40vw !important; } .Pad-L-40-IP { padding-left: 40vw !important; } } /* ================================================================================ 50 =================================================================================== */ @media (min-width: 992px) { .Pad-T-50-IP { padding-top: 50vh !important; } .Pad-B-50-IP { padding-bottom: 50vh !important; } .Pad-R-50-IP { padding-right: 50vw !important; } .Pad-L-50-IP { padding-left: 50vw !important; } } /* ================================================================================ 60 =================================================================================== */ @media (min-width: 992px) { .Pad-T-60-IP { padding-top: 60vh !important; } .Pad-B-60-IP { padding-bottom: 60vh !important; } .Pad-R-60-IP { padding-right: 60vw !important; } .Pad-L-60-IP { padding-left: 60vw !important; } } /* ================================================================================ 70 =================================================================================== */ @media (min-width: 992px) { .Pad-T-70-IP { padding-top: 70vh !important; } .Pad-B-70-IP { padding-bottom: 70vh !important; } .Pad-R-70-IP { padding-right: 70vw !important; } .Pad-L-70-IP { padding-left: 70vw !important; } } /* ================================================================================ 80 =================================================================================== */ @media (min-width: 992px) { .Pad-T-80-IP { padding-top: 80vh !important; } .Pad-B-80-IP { padding-bottom: 80vh !important; } .Pad-R-80-IP { padding-right: 80vw !important; } .Pad-L-80-IP { padding-left: 80vw !important; } } /* ================================================================================ 90 =================================================================================== */ @media (min-width: 992px) { .Pad-T-90-IP { padding-top: 90vh !important; } .Pad-B-90-IP { padding-bottom: 90vh !important; } .Pad-R-90-IP { padding-right: 90vw !important; } .Pad-L-90-IP { padding-left: 90vw !important; } } /* ================================================================================ 100 =================================================================================== */ @media (min-width: 992px) { .Pad-T-100-IP { padding-top: 100vh !important; } .Pad-B-100-IP { padding-bottom: 100vh !important; } .Pad-R-100-IP { padding-right: 100vw !important; } .Pad-L-100-IP { padding-left: 100vw !important; } } /* ========================================================= //////////////////////////////////////////////////////////// DESKTOP Padding //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ 0 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-0-DT { padding-top: 0vh !important; } .Pad-B-0-DT { padding-bottom: 0vh !important; } .Pad-R-0-DT { padding-right: 0vw !important; } .Pad-L-0-DT { padding-left: 0vw !important; } .Pad-TB-0-DT { padding-top: 0vh !important; padding-bottom: 0vh !important; } .Pad-RL-0-DT { padding-left: 0vw !important; padding-right: 0vw !important; } .Pad-TRBL-0-DT { padding: 0 !important; } } /* ================================================================================ 1 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-1-DT { padding-top: 1vh !important; } .Pad-B-1-DT { padding-bottom: 1vh !important; } .Pad-R-1-DT { padding-right: 1vw !important; } .Pad-L-1-DT { padding-left: 1vw !important; } .Pad-TB-1-DT { padding-top: 1vh !important; padding-bottom: 1vh !important; } .Pad-RL-1-DT { padding-left: 1vw !important; padding-right: 1vw !important; } } /* ================================================================================ 2 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-2-DT { padding-top: 2vh !important; } .Pad-B-2-DT { padding-bottom: 2vh !important; } .Pad-R-2-DT { padding-right: 2vw !important; } .Pad-L-2-DT { padding-left: 2vw !important; } .Pad-TB-2-DT { padding-top: 2vh !important; padding-bottom: 2vh !important; } .Pad-RL-2-DT { padding-left: 2vw !important; padding-right: 2vw !important; } } /* ================================================================================ 3 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-3-DT { padding-top: 3vh !important; } .Pad-B-3-DT { padding-bottom: 3vh !important; } .Pad-R-3-DT { padding-right: 3vw !important; } .Pad-L-3-DT { padding-left: 3vw !important; } .Pad-TB-3-DT { padding-top: 3vh !important; padding-bottom: 3vh !important; } .Pad-RL-3-DT { padding-left: 3vw !important; padding-right: 3vw !important; } } /* ================================================================================ 5 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-5-DT { padding-top: 5vh !important; } .Pad-B-5-DT { padding-bottom: 5vh !important; } .Pad-R-5-DT { padding-right: 5vw !important; } .Pad-L-5-DT { padding-left: 5vw !important; } .Pad-TB-5-DT { padding-top: 5vh !important; padding-bottom: 5vh !important; } .Pad-RL-5-DT { padding-left: 5vw !important; padding-right: 5vw !important; } } /* ================================================================================ 10 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-10-DT { padding-top: 10vh !important; } .Pad-B-10-DT { padding-bottom: 10vh !important; } .Pad-R-10-DT { padding-right: 10vw !important; } .Pad-L-10-DT { padding-left: 10vw !important; } .Pad-TB-10-DT { padding-top: 10vh !important; padding-bottom: 10vh !important; } .Pad-RL-10-DT { padding-left: 10vw !important; padding-right: 10vw !important; } } /* ================================================================================ 15 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-15-DT { padding-top: 15vh !important; } .Pad-B-15-DT { padding-bottom: 15vh !important; } .Pad-R-15-DT { padding-right: 15vw !important; } .Pad-L-15-DT { padding-left: 15vw !important; } .Pad-TB-15-DT { padding-top: 15vh !important; padding-bottom: 15vh !important; } .Pad-RL-15-DT { padding-left: 15vw !important; padding-right: 15vw !important; } } /* ================================================================================ 20 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-20-DT { padding-top: 20vh !important; } .Pad-B-20-DT { padding-bottom: 20vh !important; } .Pad-R-20-DT { padding-right: 20vw !important; } .Pad-L-20-DT { padding-left: 20vw !important; } .Pad-TB-20-DT { padding-top: 20vh !important; padding-bottom: 20vh !important; } .Pad-RL-20-DT { padding-left: 20vw !important; padding-right: 20vw !important; } } /* ================================================================================ 25 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-25-DT { padding-top: 25vh !important; } .Pad-B-25-DT { padding-bottom: 25vh !important; } .Pad-R-25-DT { padding-right: 25vw !important; } .Pad-L-25-DT { padding-left: 25vw !important; } .Pad-TB-25-DT { padding-top: 25vh !important; padding-bottom: 25vh !important; } .Pad-RL-25-DT { padding-left: 25vw !important; padding-right: 25vw !important; } } /* ================================================================================ 30 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-30-DT { padding-top: 30vh !important; } .Pad-B-30-DT { padding-bottom: 30vh !important; } .Pad-R-30-DT { padding-right: 30vw !important; } .Pad-L-30-DT { padding-left: 30vw !important; } .Pad-TB-30-DT { padding-top: 30vh !important; padding-bottom: 30vh !important; } .Pad-RL-30-DT { padding-left: 30vw !important; padding-right: 30vw !important; } } /* ================================================================================ 40 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-40-DT { padding-top: 40vh !important; } .Pad-B-40-DT { padding-bottom: 40vh !important; } .Pad-R-40-DT { padding-right: 40vw !important; } .Pad-L-40-DT { padding-left: 40vw !important; } } /* ================================================================================ 50 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-50-DT { padding-top: 50vh !important; } .Pad-B-50-DT { padding-bottom: 50vh !important; } .Pad-R-50-DT { padding-right: 50vw !important; } .Pad-L-50-DT { padding-left: 50vw !important; } } /* ================================================================================ 60 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-60-DT { padding-top: 60vh !important; } .Pad-B-60-DT { padding-bottom: 60vh !important; } .Pad-R-60-DT { padding-right: 60vw !important; } .Pad-L-60-DT { padding-left: 60vw !important; } } /* ================================================================================ 70 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-70-DT { padding-top: 70vh !important; } .Pad-B-70-DT { padding-bottom: 70vh !important; } .Pad-R-70-DT { padding-right: 70vw !important; } .Pad-L-70-DT { padding-left: 70vw !important; } } /* ================================================================================ 80 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-80-DT { padding-top: 80vh !important; } .Pad-B-80-DT { padding-bottom: 80vh !important; } .Pad-R-80-DT { padding-right: 80vw !important; } .Pad-L-80-DT { padding-left: 80vw !important; } } /* ================================================================================ 90 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-90-DT { padding-top: 90vh !important; } .Pad-B-90-DT { padding-bottom: 90vh !important; } .Pad-R-90-DT { padding-right: 90vw !important; } .Pad-L-90-DT { padding-left: 90vw !important; } } /* ================================================================================ 100 =================================================================================== */ @media (min-width: 1200px) { .Pad-T-100-DT { padding-top: 100vh !important; } .Pad-B-100-DT { padding-bottom: 100vh !important; } .Pad-R-100-DT { padding-right: 100vw !important; } .Pad-L-100-DT { padding-left: 100vw !important; } } /* ========================================================= //////////////////////////////////////////////////////////// MARGINS //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ 0 =================================================================================== */ .Mar-T-0 { margin-top: 0vh !important; } .Mar-B-0 { margin-bottom: 0vh !important; } .Mar-R-0 { margin-right: 0vw !important; } .Mar-L-0 { margin-left: 0vw !important; } .Mar-TB-0 { margin-top: 0vh !important; margin-bottom: 0vh !important; } .Mar-RL-0 { margin-left: 0vw !important; margin-right: 0vw !important; } .Mar-TRBL-0 { margin: 0 !important; } /* ================================================================================ 1 =================================================================================== */ .Mar-T-1 { margin-top: 1vh !important; } .Mar-B-1 { margin-bottom: 1vh !important; } .Mar-R-1 { margin-right: 1vw !important; } .Mar-L-1 { margin-left: 1vw !important; } .Mar-TB-1 { margin-top: 1vh !important; margin-bottom: 1vh !important; } .Mar-RL-1 { margin-left: 1vw !important; margin-right: 1vw !important; } /* ================================================================================ 2 =================================================================================== */ .Mar-T-2 { margin-top: 2vh !important; } .Mar-B-2 { margin-bottom: 2vh !important; } .Mar-R-2 { margin-right: 2vw !important; } .Mar-L-2 { margin-left: 2vw !important; } .Mar-TB-2 { margin-top: 2vh !important; margin-bottom: 2vh !important; } .Mar-RL-2 { margin-left: 2vw !important; margin-right: 2vw !important; } /* ================================================================================ 3 =================================================================================== */ .Mar-T-3 { margin-top: 3vh !important; } .Mar-B-3 { margin-bottom: 3vh !important; } .Mar-R-3 { margin-right: 3vw !important; } .Mar-L-3 { margin-left: 3vw !important; } .Mar-TB-3 { margin-top: 3vh !important; margin-bottom: 3vh !important; } .Mar-RL-3 { margin-left: 3vw !important; margin-right: 3vw !important; } /* ================================================================================ 5 =================================================================================== */ .Mar-T-5 { margin-top: 5vh !important; } .Mar-B-5 { margin-bottom: 5vh !important; } .Mar-R-5 { margin-right: 5vw !important; } .Mar-L-5 { margin-left: 5vw !important; } .Mar-TB-5 { margin-top: 5vh !important; margin-bottom: 5vh !important; } .Mar-RL-5 { margin-left: 5vw !important; margin-right: 5vw !important; } /* ================================================================================ 10 =================================================================================== */ .Mar-T-10 { margin-top: 10vh !important; } .Mar-B-10 { margin-bottom: 10vh !important; } .Mar-R-10 { margin-right: 10vw !important; } .Mar-L-10 { margin-left: 10vw !important; } .Mar-TB-10 { margin-top: 10vh !important; margin-bottom: 10vh !important; } .Mar-RL-10 { margin-left: 10vw !important; margin-right: 10vw !important; } /* ================================================================================ 20 =================================================================================== */ .Mar-T-20 { margin-top: 20vh !important; } .Mar-B-20 { margin-bottom: 20vh !important; } .Mar-R-20 { margin-right: 20vw !important; } .Mar-L-20 { margin-left: 20vw !important; } .Mar-TB-20 { margin-top: 20vh !important; margin-bottom: 20vh !important; } .Mar-RL-20 { margin-left: 20vw !important; margin-right: 20vw !important; } /* ================================================================================ 25 =================================================================================== */ .Mar-T-25 { margin-top: 25vh !important; } .Mar-B-25 { margin-bottom: 25vh !important; } .Mar-R-25 { margin-right: 25vw !important; } .Mar-L-25 { margin-left: 25vw !important; } .Mar-TB-25 { margin-top: 25vh !important; margin-bottom: 25vh !important; } .Mar-RL-25 { margin-left: 25vw !important; margin-right: 25vw !important; } /* ================================================================================ 30 =================================================================================== */ .Mar-T-30 { margin-top: 30vh !important; } .Mar-B-30 { margin-bottom: 30vh !important; } .Mar-R-30 { margin-right: 30vw !important; } .Mar-L-30 { margin-left: 30vw !important; } /* ================================================================================ 40 =================================================================================== */ .Mar-T-40 { margin-top: 40vh !important; } .Mar-B-40 { margin-bottom: 40vh !important; } .Mar-R-40 { margin-right: 40vw !important; } .Mar-L-40 { margin-left: 40vw !important; } /* ================================================================================ 50 =================================================================================== */ .Mar-T-50 { margin-top: 50vh !important; } .Mar-B-50 { margin-bottom: 50vh !important; } .Mar-R-50 { margin-right: 50vw !important; } .Mar-L-50 { margin-left: 50vw !important; } /* ================================================================================ 60 =================================================================================== */ .Mar-T-60 { margin-top: 60vh !important; } .Mar-B-60 { margin-bottom: 60vh !important; } .Mar-R-60 { margin-right: 60vw !important; } .Mar-L-60 { margin-left: 60vw !important; } /* ================================================================================ 70 =================================================================================== */ .Mar-T-70 { margin-top: 70vh !important; } .Mar-B-70 { margin-bottom: 70vh !important; } .Mar-R-70 { margin-right: 70vw !important; } .Mar-L-70 { margin-left: 70vw !important; } /* ================================================================================ 80 =================================================================================== */ .Mar-T-80 { margin-top: 80vh !important; } .Mar-B-80 { margin-bottom: 80vh !important; } .Mar-R-80 { margin-right: 80vw !important; } .Mar-L-80 { margin-left: 80vw !important; } /* ================================================================================ 90 =================================================================================== */ .Mar-T-90 { margin-top: 90vh !important; } .Mar-B-90 { margin-bottom: 90vh !important; } .Mar-R-90 { margin-right: 90vw !important; } .Mar-L-90 { margin-left: 90vw !important; } /* ================================================================================ 100 =================================================================================== */ .Mar-T-100 { margin-top: 100vh !important; } .Mar-B-100 { margin-bottom: 100vh !important; } .Mar-R-100 { margin-right: 100vw !important; } .Mar-L-100 { margin-left: 100vw !important; } /* ========================================================= //////////////////////////////////////////////////////////// IPAD Margin //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ 0 =================================================================================== */ @media (min-width: 992px) { .Mar-T-0-IP { margin-top: 0vh !important; } .Mar-B-0-IP { margin-bottom: 0vh !important; } .Mar-R-0-IP { margin-right: 0vw !important; } .Mar-L-0-IP { margin-left: 0vw !important; } .Mar-TB-0-IP { margin-top: 0vh !important; margin-bottom: 0vh !important; } .Mar-RL-0-IP { margin-left: 0vw !important; margin-right: 0vw !important; } .Mar-TRBL-0-IP { margin: 0 !important; } } /* ================================================================================ 1 =================================================================================== */ @media (min-width: 992px) { .Mar-T-1-IP { margin-top: 1vh !important; } .Mar-B-1-IP { margin-bottom: 1vh !important; } .Mar-R-1-IP { margin-right: 1vw !important; } .Mar-L-1-IP { margin-left: 1vw !important; } .Mar-TB-1-IP { margin-top: 1vh !important; margin-bottom: 1vh !important; } .Mar-RL-1-IP { margin-left: 1vw !important; margin-right: 1vw !important; } } /* ================================================================================ 2 =================================================================================== */ @media (min-width: 992px) { .Mar-T-2-IP { margin-top: 2vh !important; } .Mar-B-2-IP { margin-bottom: 2vh !important; } .Mar-R-2-IP { margin-right: 2vw !important; } .Mar-L-2-IP { margin-left: 2vw !important; } .Mar-TB-2-IP { margin-top: 2vh !important; margin-bottom: 2vh !important; } .Mar-RL-2-IP { margin-left: 2vw !important; margin-right: 2vw !important; } } /* ================================================================================ 3 =================================================================================== */ @media (min-width: 992px) { .Mar-T-3-IP { margin-top: 3vh !important; } .Mar-B-3-IP { margin-bottom: 3vh !important; } .Mar-R-3-IP { margin-right: 3vw !important; } .Mar-L-3-IP { margin-left: 3vw !important; } .Mar-TB-3-IP { margin-top: 3vh !important; margin-bottom: 3vh !important; } .Mar-RL-3-IP { margin-left: 3vw !important; margin-right: 3vw !important; } } /* ================================================================================ 5 =================================================================================== */ @media (min-width: 992px) { .Mar-T-5-IP { margin-top: 5vh !important; } .Mar-B-5-IP { margin-bottom: 5vh !important; } .Mar-R-5-IP { margin-right: 5vw !important; } .Mar-L-5-IP { margin-left: 5vw !important; } .Mar-TB-5-IP { margin-top: 5vh !important; margin-bottom: 5vh !important; } .Mar-RL-5-IP { margin-left: 5vw !important; margin-right: 5vw !important; } } /* ================================================================================ 10 =================================================================================== */ @media (min-width: 992px) { .Mar-T-10-IP { margin-top: 10vh !important; } .Mar-B-10-IP { margin-bottom: 10vh !important; } .Mar-R-10-IP { margin-right: 10vw !important; } .Mar-L-10-IP { margin-left: 10vw !important; } .Mar-TB-10-IP { margin-top: 10vh !important; margin-bottom: 10vh !important; } .Mar-RL-10-IP { margin-left: 10vw !important; margin-right: 10vw !important; } } /* ================================================================================ 20 =================================================================================== */ @media (min-width: 992px) { .Mar-T-20-IP { margin-top: 20vh !important; } .Mar-B-20-IP { margin-bottom: 20vh !important; } .Mar-R-20-IP { margin-right: 20vw !important; } .Mar-L-20-IP { margin-left: 20vw !important; } .Mar-TB-20-IP { margin-top: 20vh !important; margin-bottom: 20vh !important; } .Mar-RL-20-IP { margin-left: 20vw !important; margin-right: 20vw !important; } } /* ================================================================================ 25 =================================================================================== */ @media (min-width: 992px) { .Mar-T-25-IP { margin-top: 25vh !important; } .Mar-B-25-IP { margin-bottom: 25vh !important; } .Mar-R-25-IP { margin-right: 25vw !important; } .Mar-L-25-IP { margin-left: 25vw !important; } .Mar-TB-25-IP { margin-top: 25vh !important; margin-bottom: 25vh !important; } .Mar-RL-25-IP { margin-left: 25vw !important; margin-right: 25vw !important; } } /* ================================================================================ 30 =================================================================================== */ @media (min-width: 992px) { .Mar-T-30-IP { margin-top: 30vh !important; } .Mar-B-30-IP { margin-bottom: 30vh !important; } .Mar-R-30-IP { margin-right: 30vw !important; } .Mar-L-30-IP { margin-left: 30vw !important; } } /* ================================================================================ 40 =================================================================================== */ @media (min-width: 992px) { .Mar-T-40-IP { margin-top: 40vh !important; } .Mar-B-40-IP { margin-bottom: 40vh !important; } .Mar-R-40-IP { margin-right: 40vw !important; } .Mar-L-40-IP { margin-left: 40vw !important; } } /* ================================================================================ 50 =================================================================================== */ @media (min-width: 992px) { .Mar-T-50-IP { margin-top: 50vh !important; } .Mar-B-50-IP { margin-bottom: 50vh !important; } .Mar-R-50-IP { margin-right: 50vw !important; } .Mar-L-50-IP { margin-left: 50vw !important; } } /* ================================================================================ 60 =================================================================================== */ @media (min-width: 992px) { .Mar-T-60-IP { margin-top: 60vh !important; } .Mar-B-60-IP { margin-bottom: 60vh !important; } .Mar-R-60-IP { margin-right: 60vw !important; } .Mar-L-60-IP { margin-left: 60vw !important; } } /* ================================================================================ 70 =================================================================================== */ @media (min-width: 992px) { .Mar-T-70-IP { margin-top: 70vh !important; } .Mar-B-70-IP { margin-bottom: 70vh !important; } .Mar-R-70-IP { margin-right: 70vw !important; } .Mar-L-70-IP { margin-left: 70vw !important; } } /* ================================================================================ 80 =================================================================================== */ @media (min-width: 992px) { .Mar-T-80-IP { margin-top: 80vh !important; } .Mar-B-80-IP { margin-bottom: 80vh !important; } .Mar-R-80-IP { margin-right: 80vw !important; } .Mar-L-80-IP { margin-left: 80vw !important; } } /* ================================================================================ 90 =================================================================================== */ @media (min-width: 992px) { .Mar-T-90-IP { margin-top: 90vh !important; } .Mar-B-90-IP { margin-bottom: 90vh !important; } .Mar-R-90-IP { margin-right: 90vw !important; } .Mar-L-90-IP { margin-left: 90vw !important; } } /* ================================================================================ 100 =================================================================================== */ @media (min-width: 992px) { .Mar-T-100-IP { margin-top: 100vh !important; } .Mar-B-100-IP { margin-bottom: 100vh !important; } .Mar-R-100-IP { margin-right: 100vw !important; } .Mar-L-100-IP { margin-left: 100vw !important; } } /* ========================================================= //////////////////////////////////////////////////////////// DESKTOP Margin //////////////////////////////////////////////////////////// ========================================================= */ /* ================================================================================ 0 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-0-DT { margin-top: 0vh !important; } .Mar-B-0-DT { margin-bottom: 0vh !important; } .Mar-R-0-DT { margin-right: 0vw !important; } .Mar-L-0-DT { margin-left: 0vw !important; } .Mar-TB-0-DT { margin-top: 0vh !important; margin-bottom: 0vh !important; } .Mar-RL-0-DT { margin-left: 0vw !important; margin-right: 0vw !important; } .Mar-TRBL-0-DT { margin: 0 !important; } } /* ================================================================================ 1 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-1-DT { margin-top: 1vh !important; } .Mar-B-1-DT { margin-bottom: 1vh !important; } .Mar-R-1-DT { margin-right: 1vw !important; } .Mar-L-1-DT { margin-left: 1vw !important; } .Mar-TB-1-DT { margin-top: 1vh !important; margin-bottom: 1vh !important; } .Mar-RL-1-DT { margin-left: 1vw !important; margin-right: 1vw !important; } } /* ================================================================================ 2 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-2-DT { margin-top: 2vh !important; } .Mar-B-2-DT { margin-bottom: 2vh !important; } .Mar-R-2-DT { margin-right: 2vw !important; } .Mar-L-2-DT { margin-left: 2vw !important; } .Mar-TB-2-DT { margin-top: 2vh !important; margin-bottom: 2vh !important; } .Mar-RL-2-DT { margin-left: 2vw !important; margin-right: 2vw !important; } } /* ================================================================================ 3 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-3-DT { margin-top: 3vh !important; } .Mar-B-3-DT { margin-bottom: 3vh !important; } .Mar-R-3-DT { margin-right: 3vw !important; } .Mar-L-3-DT { margin-left: 3vw !important; } .Mar-TB-3-DT { margin-top: 3vh !important; margin-bottom: 3vh !important; } .Mar-RL-3-DT { margin-left: 3vw !important; margin-right: 3vw !important; } } /* ================================================================================ 5 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-5-DT { margin-top: 5vh !important; } .Mar-B-5-DT { margin-bottom: 5vh !important; } .Mar-R-5-DT { margin-right: 5vw !important; } .Mar-L-5-DT { margin-left: 5vw !important; } .Mar-TB-5-DT { margin-top: 5vh !important; margin-bottom: 5vh !important; } .Mar-RL-5-DT { margin-left: 5vw !important; margin-right: 5vw !important; } } /* ================================================================================ 10 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-10-DT { margin-top: 10vh !important; } .Mar-B-10-DT { margin-bottom: 10vh !important; } .Mar-R-10-DT { margin-right: 10vw !important; } .Mar-L-10-DT { margin-left: 10vw !important; } .Mar-TB-10-DT { margin-top: 10vh !important; margin-bottom: 10vh !important; } .Mar-RL-10-DT { margin-left: 10vw !important; margin-right: 10vw !important; } } /* ================================================================================ 20 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-20-DT { margin-top: 20vh !important; } .Mar-B-20-DT { margin-bottom: 20vh !important; } .Mar-R-20-DT { margin-right: 20vw !important; } .Mar-L-20-DT { margin-left: 20vw !important; } .Mar-TB-20-DT { margin-top: 20vh !important; margin-bottom: 20vh !important; } .Mar-RL-20-DT { margin-left: 20vw !important; margin-right: 20vw !important; } } /* ================================================================================ 25 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-25-DT { margin-top: 25vh !important; } .Mar-B-25-DT { margin-bottom: 25vh !important; } .Mar-R-25-DT { margin-right: 25vw !important; } .Mar-L-25-DT { margin-left: 25vw !important; } .Mar-TB-25-DT { margin-top: 25vh !important; margin-bottom: 25vh !important; } .Mar-RL-25-DT { margin-left: 25vw !important; margin-right: 25vw !important; } } /* ================================================================================ 30 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-30-DT { margin-top: 30vh !important; } .Mar-B-30-DT { margin-bottom: 30vh !important; } .Mar-R-30-DT { margin-right: 30vw !important; } .Mar-L-30-DT { margin-left: 30vw !important; } } /* ================================================================================ 40 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-40-DT { margin-top: 40vh !important; } .Mar-B-40-DT { margin-bottom: 40vh !important; } .Mar-R-40-DT { margin-right: 40vw !important; } .Mar-L-40-DT { margin-left: 40vw !important; } } /* ================================================================================ 50 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-50-DT { margin-top: 50vh !important; } .Mar-B-50-DT { margin-bottom: 50vh !important; } .Mar-R-50-DT { margin-right: 50vw !important; } .Mar-L-50-DT { margin-left: 50vw !important; } } /* ================================================================================ 60 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-60-DT { margin-top: 60vh !important; } .Mar-B-60-DT { margin-bottom: 60vh !important; } .Mar-R-60-DT { margin-right: 60vw !important; } .Mar-L-60-DT { margin-left: 60vw !important; } } /* ================================================================================ 70 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-70-DT { margin-top: 70vh !important; } .Mar-B-70-DT { margin-bottom: 70vh !important; } .Mar-R-70-DT { margin-right: 70vw !important; } .Mar-L-70-DT { margin-left: 70vw !important; } } /* ================================================================================ 80 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-80-DT { margin-top: 80vh !important; } .Mar-B-80-DT { margin-bottom: 80vh !important; } .Mar-R-80-DT { margin-right: 80vw !important; } .Mar-L-80-DT { margin-left: 80vw !important; } } /* ================================================================================ 90 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-90-DT { margin-top: 90vh !important; } .Mar-B-90-DT { margin-bottom: 90vh !important; } .Mar-R-90-DT { margin-right: 90vw !important; } .Mar-L-90-DT { margin-left: 90vw !important; } } /* ================================================================================ 100 =================================================================================== */ @media (min-width: 1200px) { .Mar-T-100-DT { margin-top: 100vh !important; } .Mar-B-100-DT { margin-bottom: 100vh !important; } .Mar-R-100-DT { margin-right: 100vw !important; } .Mar-L-100-DT { margin-left: 100vw !important; } } /* ========================================================= //////////////////////////////////////////////////////////// TEXT ALIGNMENT - HORIZONTAL //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== TEXT ALIGNMENT ALL - HORIZONTAL ========================================================================== */ .TA-C { text-align: center !important; } .TA-L { text-align: left !important; } .TA-R { text-align: right !important; } /* ========================================================================== TEXT ALIGNMENT - IPAD ONLY - HORIZONTAL ========================================================================== */ @media (min-width: 992px) { .TA-C-IP { text-align: center !important; } .TA-L-IP { text-align: left !important; } .TA-R-IP { text-align: right !important; } } /* ========================================================================== TEXT ALIGNMENT - DESKTOP ONLY - HORIZONTAL ========================================================================== */ @media (min-width: 1200px) { .TA-C-DT { text-align: center !important; } .TA—L-DT { text-align: left !important; } .TA-R-DT { text-align: right !important; } } /* ========================================================= //////////////////////////////////////////////////////////// LAYOUT //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// OUTER ROW //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// OUTER ROW PADDING & MARGIN //////////////////////////////////////////////////////////// ========================================================= */ .OR { padding-top: 0px !important; margin: 0 0 0 0; background-size: cover; } /* ========================================================= //////////////////////////////////////////////////////////// WIDGET PADDING //////////////////////////////////////////////////////////// ========================================================= */ .Widget-Pad-RL-0 .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= //////////////////////////////////////////////////////////// CHECKERS OVERLAY //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= OUTER COLUMN FOR CHECKERS - MOBILE ========================================================= */ .TA-C-Checkers .vc_column-inner { display: flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= OUTER ROW FOR CHECKERS - DESKTOP ========================================================= */ @media (min-width: 768px) { .OR-Checkers-DT { display: flex; align-items: stretch; } } /* ========================================================= //////////////////////////////////////////////////////////// SCREENSHOT OVERLAY //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= OUTER COLUMN FOR SCREENSHOT - MOBILE ========================================================= */ .TA-C-ScreenShot .vc_column-inner { display: flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= OUTER ROW FOR SCREENSHOT - DESKTOP ========================================================= */ @media (min-width: 768px) { .OR-ScreenShot-DT { display: flex; align-items: stretch; } } /* ========================================================= //////////////////////////////////////////////////////////// EQUAL HEIGHT COLUMNS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= OUTER ROW CONTAINER ========================================================= */ .Equal-Col-Container { margin-left: 0px !important; margin-right: 0px !important; } @media (min-width: 768px) { .Equal-Col-Container .full_section_inner { display: flex; align-items: stretch; } } /* ========================================================= COLUMN ========================================================= */ @media (min-width: 1200px) { .Equal-Col .vc_column-inner { } } .Equal-Col .vc_column-inner { padding: 0px !important; } @media (min-width: 768px) { .Equal-Col { display: flex; } } /* ========================================================= IMAGE - EQUAL - COVER ========================================================= */ .BG-Image-Equal-Cover img { object-fit: cover; height: 100% !important; } .Equal-Col .wpb_wrapper, .Equal-Col .wpb_single_image, .Equal-Col .vc_single_image-wrapper { height: 100%; } /* ========================================================= TESTING COLORS ========================================================= */ .Equal-Image { } .Equal-Text { } /* ========================================================= //////////////////////////////////////////////////////////// INNER TABLE //////////////////////////////////////////////////////////// ========================================================= */ .Table-Col { margin: 0px !important; } /* ========================================================= //////////////////////////////////////////////////////////// OUTER ROW HEIGHT //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= OUTER ROW FOR NORMAl PAGE - VERTICAL HEIGHT ========================================================= */ .OR-H100-VH, .OR-H100-VH > .full_section_inner { height: 100vh !important; } .OR-H50-VH, .OR-H50-VH>.full_section_inner { height: 50vh !important; } /* ========================================================= OUTER ROW FOR FULLPAGE ========================================================= */ .OR-H100-FP, .OR-H100-FP .full_section_inner { height: 100% !important; } @media (max-width: 767px) { .OR-H100-FP-MB, .OR-H100-FP-MB .full_section_inner { height: 100% !important; } } /* ========================================================= OUTER ROW FOR FOOTER ========================================================= */ .OR-H100-Footer, .OR-H100-Footer>.full_section_inner { height: 100% !important; } /* ========================================================= SECTION 1 - REDUCED HEIGHT ON MOBILE - NORMAL PAGE ONLY ========================================================= */ .OR-H100-VH-S1, .OR-H100-VH-S1 .full_section_inner { height: 90vh !important; } @media (min-width: 1200px) { .OR-H100-VH-S1, .OR-H100-VH-S1 .full_section_inner { height: 100vh !important; } } /* ========================================================= YARDAGES ========================================================= */ .OR-Yardages-100VH { height: 100vh !important; } /* ========================================================= //////////////////////////////////////////////////////////// NEW HEIGHT //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// BUFFER PAGE SECTION HEIGHTS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= NORMAL PAGE - HEIGHTS FOR SECTION - RESPONSIVE ========================================================= */ /* ========================================================= 10 VH HEIGHT ========================================================= */ .H10-VH, .H10-VH .full_section_inner { height: 10vh !important; } @media (max-width: 767px) { .H10-VH-MB, .H10-VH-MB .full_section_inner { height: 10vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H10-VH-IP, .H10-VH-IP .full_section_inner { height: 10vh !important; } } @media (min-width: 1200px) { .H10-VH-DT, .H10-VH-DT .full_section_inner { height: 10vh !important; } } /* ========================================================= 20 VH HEIGHT ========================================================= */ .H20-VH, .H20-VH .full_section_inner { height: 20vh !important; } @media (max-width: 767px) { .H20-VH-MB, .H20-VH-MB .full_section_inner { height: 20vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H20-VH-IP, .H20-VH-IP .full_section_inner { height: 20vh !important; } } @media (min-width: 1200px) { .H20-VH-DT, .H20-VH-DT .full_section_inner { height: 20vh !important; } } /* ========================================================= 30 VH HEIGHT ========================================================= */ .H30-VH, .H30-VH .full_section_inner { height: 30vh !important; } @media (max-width: 767px) { .H30-VH-MB, .H30-VH-MB .full_section_inner { height: 30vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H30-VH-IP, .H30-VH-IP .full_section_inner { height: 30vh !important; } } @media (min-width: 1200px) { .H30-VH-DT, .H30-VH-DT .full_section_inner { height: 30vh !important; } } /* ========================================================= 40 VH HEIGHT ========================================================= */ .H40-VH, .H40-VH .full_section_inner { height: 40vh !important; } @media (max-width: 767px) { .H40-VH-MB, .H40-VH-MB .full_section_inner { height: 40vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H40-VH-IP, .H40-VH-IP .full_section_inner { height: 40vh !important; } } @media (min-width: 1200px) { .H40-VH-DT, .H40-VH-DT .full_section_inner { height: 40vh !important; } } /* ========================================================= 50 VH HEIGHT ========================================================= */ .H50-VH, .H50-VH .full_section_inner { height: 50vh !important; } @media (max-width: 767px) { .H50-VH-MB, .H50-VH-MB .full_section_inner { height: 50vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H50-VH-IP, .H50-VH-IP .full_section_inner { height: 50vh !important; } } @media (min-width: 1200px) { .H50-VH-DT, .H50-VH-DT .full_section_inner { height: 50vh !important; } } /* ========================================================= 60 VH HEIGHT ========================================================= */ .H60-VH, .H60-VH .full_section_inner { height: 60vh !important; } @media (max-width: 767px) { .H60-VH-MB, .H60-VH-MB .full_section_inner { height: 60vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H60-VH-IP, .H60-VH-IP .full_section_inner { height: 60vh !important; } } @media (min-width: 1200px) { .H60-VH-DT, .H60-VH-DT .full_section_inner { height: 60vh !important; } } /* ========================================================= 70 VH HEIGHT ========================================================= */ .H70-VH, .H70-VH .full_section_inner { height: 70vh !important; } @media (max-width: 767px) { .H70-VH-MB, .H70-VH-MB .full_section_inner { height: 70vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H70-VH-IP, .H70-VH-IP .full_section_inner { height: 70vh !important; } } @media (min-width: 1200px) { .H70-VH-DT, .H70-VH-DT .full_section_inner { height: 70vh !important; } } /* ========================================================= 80 VH HEIGHT ========================================================= */ .H80-VH, .H80-VH .full_section_inner { height: 80vh !important; } @media (max-width: 767px) { .H80-VH-MB, .H80-VH-MB .full_section_inner { height: 80vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H80-VH-IP, .H80-VH-IP .full_section_inner { height: 80vh !important; } } @media (min-width: 1200px) { .H80-VH-DT, .H80-VH-DT .full_section_inner { height: 80vh !important; } } /* ========================================================= 90 VH HEIGHT ========================================================= */ .H90-VH, .H90-VH .full_section_inner { height: 90vh !important; } @media (max-width: 767px) { .H90-VH-MB, .H90-VH-MB .full_section_inner { height: 90vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H90-VH-IP, .H90-VH-IP .full_section_inner { height: 90vh !important; } } @media (min-width: 1200px) { .H90-VH-DT, .H90-VH-DT .full_section_inner { height: 90vh !important; } } /* ========================================================= 100 VH HEIGHT ========================================================= */ .H100-VH, .H100-VH .full_section_inner { height: 100vh !important; } @media (max-width: 767px) { .H100-VH-MB, .H100-VH-MB .full_section_inner { height: 100vh !important; } } @media (min-width: 768px) and (max-width: 1199px) { .H100-VH-IP, .H100-VH-IP .full_section_inner { height: 100vh !important; } } @media (min-width: 1200px) { .H100-VH-DT, .H100-VH-DT .full_section_inner { height: 100vh !important; } } /* ========================================================= //////////////////////////////////////////////////////////// NOTATION BUFFER //////////////////////////////////////////////////////////// ========================================================= */ .Notation-Buffer { } .Notation-Buffer, .Notation-Buffer .full_section_inner { height: 100vh !important; } @media (min-width: 768px) { .Notation-Buffer, .Notation-Buffer .full_section_inner { height: 50vh !important; } } @media (min-width: 1200px) { .Notation-Buffer, .Notation-Buffer .full_section_inner { height: 50vh !important; } } /* ========================================================= //////////////////////////////////////////////////////////// SECTION HEIGHTS FOR PORTFOLIO TABLES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= 100 VH HEIGHT ========================================================= */ .H100-VH-Portfolio-Table, .H100-VH-Portfolio-Table>.full_section_inner { height: 100vh !important; } @media (min-width: 768px) { .H100-VH-Portfolio-Table-IP, .H100-VH-Portfolio-Table-IP>.full_section_inner { height: 100vh !important; } } @media (min-width: 1200px) { .H100-VH-Portfolio-Table-DT, .H100-VH-Portfolio-Table-DT>.full_section_inner { height: 100vh !important; } } /* ========================================================= //////////////////////////////////////////////////////////// BG IMAGE SECTION HEIGHTS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= FOR SECTION COLUMNS ========================================================= */ /* ========================================================= 10 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H10-VH-BG-SEC .vc_column-inner { height: 10vh !important; } } @media (min-width: 768px) { .H10-VH-BG-SEC-IP .vc_column-inner { height: 10vh !important; } } @media (min-width: 1200px) { .H10-VH-BG-SEC-DT .vc_column-inner { height: 10vh !important; } } /* ========================================================= 20 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H20-VH-BG-SEC .vc_column-inner { height: 20vh !important; } } @media (min-width: 768px) { .H20-VH-BG-SEC-IP .vc_column-inner { height: 20vh !important; } } @media (min-width: 1200px) { .H20-VH-BG-SEC-DT .vc_column-inner { height: 20vh !important; } } /* ========================================================= 30 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H30-VH-BG-SEC .vc_column-inner { height: 30vh !important; } } @media (min-width: 768px) { .H30-VH-BG-SEC-IP .vc_column-inner { height: 30vh !important; } } @media (min-width: 1200px) { .H30-VH-BG-SEC-DT .vc_column-inner { height: 30vh !important; } } /* ========================================================= 40 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H40-VH-BG-SEC .vc_column-inner { height: 40vh !important; } } @media (min-width: 768px) { .H40-VH-BG-SEC-IP .vc_column-inner { height: 40vh !important; } } @media (min-width: 1200px) { .H40-VH-BG-SEC-DT .vc_column-inner { height: 40vh !important; } } /* ========================================================= 50 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H50-VH-BG-SEC .vc_column-inner { height: 50vh !important; } } @media (min-width: 768px) { .H50-VH-BG-SEC-IP .vc_column-inner { height: 50vh !important; } } @media (min-width: 1200px) { .H50-VH-BG-SEC-DT .vc_column-inner { height: 50vh !important; } } /* ========================================================= 60 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H60-VH-BG-SEC .vc_column-inner { height: 60vh !important; } } @media (min-width: 768px) { .H60-VH-BG-SEC-IP .vc_column-inner { height: 60vh !important; } } @media (min-width: 1200px) { .H60-VH-BG-SEC-DT .vc_column-inner { height: 60vh !important; } } /* ========================================================= 70 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H70-VH-BG-SEC .vc_column-inner { height: 70vh !important; } } @media (min-width: 768px) { .H70-VH-BG-SEC-IP .vc_column-inner { height: 70vh !important; } } @media (min-width: 1200px) { .H70-VH-BG-SEC-DT .vc_column-inner { height: 70vh !important; } } /* ========================================================= 80 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H80-VH-BG-SEC .vc_column-inner { height: 80vh !important; } } @media (min-width: 768px) { .H80-VH-BG-SEC-IP .vc_column-inner { height: 80vh !important; } } @media (min-width: 1200px) { .H80-VH-BG-SEC-DT .vc_column-inner { height: 80vh !important; } } /* ========================================================= 90 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H90-VH-BG-SEC .vc_column-inner { height: 90vh !important; } } @media (min-width: 768px) { .H90-VH-BG-SEC-IP .vc_column-inner { height: 90vh !important; } } @media (min-width: 1200px) { .H90-VH-BG-SEC-DT .vc_column-inner { height: 90vh !important; } } /* ========================================================= 100 VH HEIGHT ========================================================= */ @media (max-width: 767px) { .H100-VH-BG-SEC .vc_column-inner { height: 100vh !important; } } @media (min-width: 768px) { .H100-VH-BG-SEC-IP .vc_column-inner { height: 100vh !important; } } @media (min-width: 1200px) { .H100-VH-BG-SEC-DT .vc_column-inner { height: 100vh !important; } } /* ========================================================= //////////////////////////////////////////////////////////// OUTER COLUMNS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// MARGIN OFFSET - POSITION AND WIDTH OF OVERLAY //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= 100% WIDE - ALL DEVICES - COVERS COMPLETE SCREEN ========================================================= */ .W100 { width: 100vw !important; } /* ========================================================= 90% WIDE ========================================================= */ .W90-Left, .W90-Right, .W90-Center { width: 90% !important; } .W90-Left { margin: 0 10% 0 0 !important; } .W90-Right { margin: 0 0 0 10% !important; } .W90-Center { margin: 0 0 0 5% !important; } /* ========================================================= 90% WIDE - IPAD - COVERS 90% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 899px) { .W90-Left-IP, .W90-Right-IP, .W90-Center-IP { width: 90% !important; } .W90-Left-IP { margin: 0 10% 0 0 !important; } .W90-Right-IP { margin: 0 0 0 10% !important; } .W90-Center-IP { margin: 0 0 0 5% !important; } } /* ========================================================= 90% WIDE - DESKTOP - COVERS 90% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 1200px) { .W90-Left-DT, .W90-Right-DT, .W90-Center-DT { width: 90% !important; } .W90-Left-DT { margin: 0 10% 0 0 !important; } .W90-Right-DT { margin: 0 0 0 10% !important; } .W90-Center-DT { margin: 0 0 0 5% !important; } } /* ========================================================= 75% WIDE ========================================================= */ .W75-Left, .W75-Right, .W75-Center { width: 75% !important; } .W75-Left { margin: 0 25% 0 0 !important; } .W75-Right { margin: 0 0 0 25% !important; } .W75-Center { margin: 0 0 0 12.5% !important; } /* ========================================================= 75% WIDE - IPAD - COVERS 75% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 899px) { .W75-Left-IP, .W75-Right-IP, .W75-Center-IP { width: 75% !important; } .W75-Left-IP { margin: 0 25% 0 0 !important; } .W75-Right-IP { margin: 0 0 0 25% !important; } .W75-Center-IP { margin: 0 0 0 12.5% !important; } } /* ========================================================= 75% WIDE - DESKTOP - COVERS 75% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 1200px) { .W75-Left-DT, .W75-Right-DT, .W75-Center-DT { width: 75% !important; } .W75-Left-DT { margin: 0 25% 0 0 !important; } .W75-Right-DT { margin: 0 0 0 25% !important; } .W75-Center-DT { margin: 0 0 0 12.5% !important; } } /* ========================================================= 50% WIDE ========================================================= */ .W50-Left, .W50-Right, .W50-Center { width: 50% !important; } .W50-Left { margin: 0 50% 0 0 !important; } .W50-Right { margin: 0 0 0 50% !important; } .W50-Center { margin: 0 0 0 25% !important; } /* ========================================================= 50% WIDE - IPAD - COVERS 50% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 899px) { .W50-Left-IP, .W50-Right-IP, .W50-Center-IP { width: 50% !important; } .W50-Left-IP { margin: 0 50% 0 0 !important; } .W50-Right-IP { margin: 0 0 0 50% !important; } .W50-Center-IP { margin: 0 0 0 25% !important; } } /* ========================================================= 50% WIDE - DESKTOP - COVERS 50% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 1200px) { .W50-Left-DT, .W50-Right-DT, .W50-Center-DT { width: 50% !important; } .W50-Left-DT { margin: 0 50% 0 0 !important; } .W50-Right-DT { margin: 0 0 0 50% !important; } .W50-Center-DT { margin: 0 0 0 25% !important; } } /* ========================================================= 33.3% WIDE ========================================================= */ .W33-Left, .W33-Right, .W33-Center { width: 33.3333333% !important; } .W33-Left { margin: 0 66.666666% 0 0 !important; } .W33-Right { margin: 0 0 0 66.666666% !important; } .W33-Center { margin: 0 0 0 66.666666% !important; } /* ========================================================= 33.3% WIDE - IPAD - COVERS 33.3% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 899px) { .W33-Left-IP, .W33-Right-IP, .W33-Center-IP { width: 33.3333333% !important; } .W33-Left-IP { margin: 0 66.666666% 0 0 !important; } .W33-Right-IP { margin: 0 0 0 66.666666% !important; } .W33-Center-IP { margin: 0 0 0 66.666666% !important; } } /* ========================================================= 33.3% WIDE - DESKTOP - COVERS 33.3% OF SCREEN WITH OFFSET ========================================================= */ @media (min-width: 1200px) { .W33-Left-DT, .W33-Right-DT, .W33-Center-DT { width: 33.3333333% !important; } .W33-Left-DT { margin: 0 66.666666% 0 0 !important; } .W33-Right-DT { margin: 0 0 0 66.666666% !important; } .W33-Center-DT { margin: 0 0 0 66.666666% !important; } } /* ========================================================= //////////////////////////////////////////////////////////// HEIGHT OF OVERLAY DIV //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= FOR NORMAL PAGES - i.e. CHECKERS ========================================================= */ .H80PC, .H80PC .vc_column-inner { height: 80%; } .H90PC, .H90PC .vc_column-inner { height: 90%; } .H100PC, .H100PC .vc_column-inner { height: 100%; } /* ========================================================= HEIGHT FOR NESTS ========================================================= */ .H80PC-Nest .vc_column-inner { height: 80%; } .H90PC-Nest .vc_column-inner { height: 90%; } .H100PC-Nest .vc_column-inner { height: 100%; } /* ========================================================= FULLPAGE ========================================================= */ .H80FP-PC { height: 80%; } .H90FP-PC { height: 90%; } .H100FP-PC { height: 100%; } /* ========================================================= VH - NORMAL PAGE ========================================================= */ .H80VH { height: 80vh; } .H90VH { height: 90vh; } .H100VH { height: 100vh; } /* ========================================================= //////////////////////////////////////////////////////////// HEIGHT SECTION FOR SPACER //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .H80FP-PC-MB { height: 80%; } .H90FP-PC-MB { height: 90%; } } @media (min-width: 768px) { .H80FP-PC-DT { height: 80%; } .H90FP-PC-DT { height: 90%; } } /* ========================================================= //////////////////////////////////////////////////////////// HEIGHT SECTION FOR HOMEPAGE //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .H80HP-PC-MB { height: 80%; } .H90HP-PC-MB { height: 90%; } } @media (max-width: 991px) { .H80HP-PC-IP { height: 80%; } .H90HP-PC-IP { height: 90%; } } @media (min-width: 992px) { .H80HP-PC-DT { height: 80%; } .H90HP-PC-DT { height: 90%; } } /* ========================================================= //////////////////////////////////////////////////////////// 3 /Multi BUTTON HEIGHT //////////////////////////////////////////////////////////// ========================================================= */ .H33PC-Action-Button-40PC { height: 40%; } .H33PC-Action-Button-35PC { height: 35%; } .H33PC-Action-Button-30PC { height: 30%; } .H33PC-Action-Button-25PC { height: 25%; } .H33PC-Action-Button-20PC { height: 20%; } /* ========================================================= //////////////////////////////////////////////////////////// VERTICAL ALIGNMENT WITHIN OVERLAY //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= VERTICAL ALIGN ========================================================= */ .Text-Align-Top, .Text-Align-Center, .Text-Align-Bottom { display: flex; } .Text-Align-Top { align-items: flex-start; } .Text-Align-Center { align-items: center; } .Text-Align-Bottom { align-items: flex-end; } /* ========================================================= VERTICAL ALIGN - IPAD ========================================================= */ @media (min-width: 992px) { .Text-Align-Top-IP, .Text-Align-Center-IP, .Text-Align-Bottom-IP { display: flex; } .Text-Align-Top-IP { align-items: flex-start; } .Text-Align-Center-IP { align-items: center; } .Text-Align-Bottom-IP { align-items: flex-end; } } /* ========================================================= VERTICAL ALIGN - DESKTOP ========================================================= */ @media (min-width: 1200px) { .Text-Align-Top-DT, .Text-Align-Center-DT, .Text-Align-Bottom-DT { display: flex; } .Text-Align-Top-DT { align-items: flex-start; } .Text-Align-Center-DT { align-items: center; } .Text-Align-Bottom-DT { align-items: flex-end; } } /* ========================================================= //////////////////////////////////////////////////////////// VERTICAL ALIGNMENT - MULTI BUTTON HEADER //////////////////////////////////////////////////////////// ========================================================= */ .Text-Align-Center-Header .wpb_wrapper, .Text-Align-Center-Header .vc_column-inner { display: flex; /* align-items: flex-start; */ flex-direction: column; justify-content: center; } @media (max-width: 414px) { .Text-Align-Center-Header-Image-MB .vc_column-inner, .Text-Align-Center-Header-Image-MB .wpb_wrapper { display: flex; justify-content: center; align-items: center; } } @media (min-width: 415px) { .Text-Align-Center-Header-Image-DT .vc_column-inner, .Text-Align-Center-Header-Image-DT .wpb_wrapper { display: flex; justify-content: center; align-items: center; } } @media (max-width: 414px) { .Text-Align-Top-Header-Image-MB .vc_column-inner, .Text-Align-Top-Header-Image-MB .wpb_wrapper { display: flex; justify-content: center; align-items: flex-start; } } @media (min-width: 415px) { .Text-Align-Top-Header-Image-DT .vc_column-inner, .Text-Align-Top-Header-Image-DT .wpb_wrapper { display: flex; justify-content: center; align-items: flex-start; } } /* ========================================================= //////////////////////////////////////////////////////////// VERTICAL ALIGNMENT - FLEX COLUMN - RANKING CIRCLES //////////////////////////////////////////////////////////// ========================================================= */ .Text-Align-Center-Flex-Column-Center { justify-content: center; } /* ========================================================= //////////////////////////////////////////////////////////// VERTICAL ALIGNMENT - SPACER //////////////////////////////////////////////////////////// ========================================================= */ .Text-Align-Center-Spacer>.fp-tableCell>.full_section_inner, .Text-Align-Center-Spacer .full_section_inner { display: flex; align-items: center; flex-direction: column; justify-content: center; } /* ========================================================= //////////////////////////////////////////////////////////// VERTICAL ALIGNMENT - RANKING //////////////////////////////////////////////////////////// ========================================================= */ .Text-Align-Center-Ranking .full_section_inner { display: flex; align-items: center; justify-content: center; } /* ========================================================= //////////////////////////////////////////////////////////// REVERSE DIVS ON MOBILE //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Column-Reverse>.full_section_inner { display: flex; flex-direction: column-reverse; } } /* ========================================================= //////////////////////////////////////////////////////////// LAYER ORDER WITH Z INDEX //////////////////////////////////////////////////////////// ========================================================= */ .ZI-1000, .ZI-1000 img { z-index: 1000; } .ZI-500, .ZI-500 img { z-index: 100; } .ZI-100, .ZI-100 img { z-index: 100; } .ZI-99, .ZI-99 img { z-index: 99; } .ZI-1, .ZI-1 img { z-index: 1; } .ZI-0, .ZI-0 img { z-index: 0; } /* ========================================================= //////////////////////////////////////////////////////////// BACGROUND IMAGES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// BACKGROUND GALLERY //////////////////////////////////////////////////////////// ========================================================= */ .BG-Gallery { height: 100vh !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* ========================================================= //////////////////////////////////////////////////////////// IMAGE - USING NORMAL IMAGE for BACKGROUND (Normal Image - Not Background) //////////////////////////////////////////////////////////// ========================================================= */ .BG-Image-OC .vc_column-inner { padding: 0px 0px 0px 0px !important; } .BG-Image .vc_column-inner { padding: 0px 0px 0px 0px !important; } .BG-Image img { display: block !important; object-fit: cover !important; } /* ========================================================= //////////////////////////////////////////////////////////// BG Image for 100% Height //////////////////////////////////////////////////////////// ========================================================= */ @media (min-width: 768px) { .BG-Image-H100-IP img { display: block !important; object-fit: cover !important; height: 100vh; } } @media (min-width: 1200px) { .BG-Image-H100-DT img { display: block !important; object-fit: cover !important; height: 100vh; } } /* ========================================================= //////////////////////////////////////////////////////////// BG Image for FullPage //////////////////////////////////////////////////////////// ========================================================= */ .BG-Image-FP img { display: block !important; object-fit: cover !important; width: 100vw !important; height: 100vh !important; } /* ========================================================= 50VH SECTION ========================================================= */ .BG-Image-FP-50VH img { display: block !important; object-fit: cover !important; width: 100vw !important; height: 50vh !important; } /* ==================== !SHG Add !Important for new Bridge Theme Version ======================== */ .Pos-Abs { position: absolute !important; top: 0; left: 0; } /* ========================================================= //////////////////////////////////////////////////////////// CLUBHOUSE OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ @media (min-width: 768px) { .Pos-Abs-Top { position: absolute !important; top: 0; } } @media (min-width: 768px) { .H100-OL { position: absolute !important; height: 100%; } } .BG-100vw img { width: 100vw; } /* ========================================================= //////////////////////////////////////////////////////////// FULLPAGE SECTIONS - NORMAL PAGE //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= OUTER ROW ========================================================= */ .OR-NP { padding-top: 0px !important; margin: 0 0 0 0; background-size: cover; } .H100-NP-S1, .H100-NP-S1 > .full_section_inner { height: 90vh !important; } @media (min-width: 1200px) { .H100-NP-S1, .H100-NP-S1 > .full_section_inner { height: 100vh !important; } } /* ========================================================= OUTER COLUMN ========================================================= */ .W100-NP { width: 100vw; } .H90NP { height: 90%; } /* ========================================================= BG IMAGE OUTER COLUMN NP ========================================================= */ .BG-Image-NP-OC .vc_column-inner { padding: 0px 0px 0px 0px !important; } /* ========================================================= BG IMAGE NP ========================================================= */ .BG-Image-NP-S1 img { display: block !important; width: 100vw !important; height: 90vh !important; object-fit: cover !important; } @media (min-width: 1200px) { .BG-Image-NP-S1 img { display: block !important; width: 100vw !important; height: 100vh !important; object-fit: cover !important; } } /* ========================================================= //////////////////////////////////////////////////////////// CHECKERS IMAGE //////////////////////////////////////////////////////////// ========================================================= */ .BG-Image-Checkers-OC .vc_column-inner { padding: 0px 0px 0px 0px !important; } .BG-Image-Checkers .vc_column-inner { padding: 0px 0px 0px 0px !important; } .BG-Image-Checkers img { object-fit: cover !important; min-width: 100%; min-height: 100%; } .BG-Image-Checkers-OC .wpb_wrapper, .BG-Image-Checkers, .BG-Image-Checkers .wpb_wrapper, .BG-Image-Checkers .vc_single_image-wrapper { height: 100%; } /* ========================================================= //////////////////////////////////////////////////////////// SCREENSHOT IMAGE //////////////////////////////////////////////////////////// ========================================================= */ .BG-Image-ScreenShot-OC .vc_column-inner { padding: 0px 25px 0px 25px !important; } @media (min-width: 1200px) { .BG-Image-ScreenShot-OC .vc_column-inner { padding: 0px 0px 0px 0px !important; } } .BG-Image-ScreenShot-OC .wpb_wrapper, .BG-Image-ScreenShot, .BG-Image-ScreenShot .wpb_wrapper, .BG-Image-ScreenShot .vc_single_image-wrapper { height: 100%; } /* ========================================================= //////////////////////////////////////////////////////////// SINGLE IMAGE //////////////////////////////////////////////////////////// ========================================================= */ .Single-Image-90VH img { display: block !important; width: 100vw !important; height: 90vh !important; object-fit: cover !important; } /* ========================================================= //////////////////////////////////////////////////////////// SINGLE IMAGE DROP SHADOW //////////////////////////////////////////////////////////// ========================================================= */ .BG-Image-DS img { box-shadow: 25px 25px 98px -22px rgba(0,0,0,0.5); } .BG-Image-DS-SS img { box-shadow: 0px 19px 91px -19px rgba(0,0,0,0.5); } .BG-Image-DS-Equal img { box-shadow: 0px 19px 91px -19px rgba(0,0,0,0.5); } .BG-Image-DS-Classic { box-shadow: 0px 19px 91px -19px rgba(0,0,0,0.5); } /* ========================================================= //////////////////////////////////////////////////////////// NEST OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ .scroll-wrapper > .scroll-content, .nest-slide-inner { overflow: hidden !important; } .scroll-bar, .scroll-element_track, .scroll-element_outer { display: none !important; } /* ========================================================= NEST BUTTON ========================================================= */ .nest-button-wrapper, nest-button-four { z-index: 1000 !important; } .nest-button-wrapper { top: 0px !important; right: 0px !important; } /* ========================================================= NEST BUTTON - WIDTH & HEIGHT ========================================================= */ .nest-button-wrapper { height: 10vh !important; width: 58.333333vw !important; } @media (min-width: 768px){ .nest-button-wrapper { height: 9vh !important; width: 25vw !important; } } /* ========================================================= NEST BUTTON FOUR ========================================================= */ .nest-button-four { height: 9vh; vertical-align: middle; display: flex; justify-content: flex-end; align-items: center; padding-top: 0 !important; padding-right: 3vw !important; padding-bottom: 0 !important; padding-left: 0 !important; } .nest-button-four{ background-color: rgba(0,0,0,0.0) !important; } .nest-button-four:hover { background-color: rgba(0,0,0,0.0) !important; transform: none; box-shadow: none; transition: none; } @media (min-width: 1200px) { .nest-button-four { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 100%); border-bottom: 1px solid rgba(255,255,255,0.3); } .nest-button-four:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); border-bottom: 1px solid rgba(255,255,255,0.3); } } /* ========================================================= REMOVE BACKGROUND ON PAGES ========================================================= */ @media (min-width: 1200px) { body.page-id-2040 .nest-button-four { background: none !important; border-bottom: none !important; } body.page-id-2040 .nest-button-four:hover { background: none !important; border-bottom: none !important; } } /* ========================================================= ========================================================= */ .nest-button-four { font-family: "Raleway" ,sans-serif !important; font-weight: 200; } .nest-button-four:after { content: "\f05a"; visibility: visible; font-family: FontAwesome; } .nest-button-four:after { padding-left: 3vw; } @media (min-width: 768px){ .nest-button-four:after { padding-left: 2vw; } } @media (min-width: 900px){ .nest-button-four:after { padding-left: 2vw; } } @media (min-width: 1200px){ .nest-button-four:after { padding-left: 2vw; } } @media (min-width: 1800px){ .nest-button-four:after { padding-left: 2vw; } } /* ========================================================================== NEST BUTTON FONT SIZE ========================================================================== */ .nest-button-four, .nest-button-four p, .nest-button-four:hover { color: #ffffff; } .nest-button-four { font-size: 18px; font-weight: 200 !important; color: #ffffff !important; font-family: "Raleway" ,sans-serif !important; } @media (min-width: 768px){ .nest-button-four { font-size: 20px; } } @media (min-width: 900px){ .nest-button-four { font-size: 22px; } } @media (min-width: 1200px){ .nest-button-four { font-size: 24px; } } @media (min-width: 1800px){ .nest-button-four { font-size: 24px; } } /* ========================================================================== NEST ICON FONT SIZE ========================================================================== */ .nest-button-four:after { font-size: 20px; } @media (min-width: 768px){ .nest-button-four:after { font-size: 24px; } } @media (min-width: 900px){ .nest-button-four:after { font-size: 24px; } } @media (min-width: 1200px){ .nest-button-four:after { font-size: 30px; } } @media (min-width: 1800px){ .nest-button-four:after { font-size: 36px; } } .nest-close-button-wrapper:after { content: 'CLOSE' !important; font-family: "Raleway" ,sans-serif !important; font-weight: 200 !important; white-space: nowrap; top: 30%; right: 120%; position: absolute; } body.page-id-11 .nest-close-button-wrapper:after, body.page-id-460 .nest-close-button-wrapper:after, body.page-id-715 .nest-close-button-wrapper:after, body.page-id-1175 .nest-close-button-wrapper:after { color: #ffffff; } /* ========================================================= NEST CLOSE BUTTON POSITION ========================================================= */ .nest-close-button-wrapper { right: 20px !important; top: 20px !important; } @media (min-width: 768px){ .nest-close-button-wrapper { right: 20px !important; top: 20px !important; } } @media (min-width: 900px){ .nest-close-button-wrapper { right: 20px !important; top: 20px !important; } } @media (min-width: 1200px){ .nest-close-button-wrapper { right: 20px !important; top: 20px !important; } } @media (min-width: 1800px){ .nest-close-button-wrapper { right: 40px !important; top: 40px !important; } } /* ========================================================= NEST LAYOUT ========================================================= */ .Nest-OC { padding: 0px 0px 0px 0px !important; } .Nest-OC .vc_column-inner { padding: 0px 0px 0px 0px !important; } .nest-content-inner { padding: 0px 0px 0px 0px !important; } .Nest-OC-Image img { display: block !important; width: 100vw !important; height: 100vh !important; object-fit: cover !important; } /* ========================================================= NEST HOLE PLANNER IMAGE ========================================================= */ .Nest-Planner .wpb_wrapper { text-align: center; } .Nest-Hole-Planner-Pad-80PC img { height: 80vh !important; width: auto; } .Nest-Hole-Planner-Pad-70PC img { height: 70vh !important; width: auto; } .Nest-Hole-Planner-Pad-60PC img { height: 60vh !important; width: auto; } .Nest-Hole-Planner-Pad-50PC img { height: 50vh !important; width: auto; } /* ========================================================= //////////////////////////////////////////////////////////// NEST LOGO //////////////////////////////////////////////////////////// ========================================================= */ .Nest-Logo-Image img { width: 25vw; } @media (min-width: 500px){ .Nest-Logo-Image img { width: 10vw; } } @media (min-width: 768px){ .Nest-Logo-Image img { width: 10vw; } } @media (min-width: 900px){ .Nest-Logo-Image img { width: 10vw; } } @media (min-width: 1200px){ .Nest-Logo-Image img { width: 10vw; } } @media (min-width: 1800px){ .Nest-Logo-Image img { width: 10vw; } } /* ========================================================= //////////////////////////////////////////////////////////// NEST TABLE //////////////////////////////////////////////////////////// ========================================================= */ .Nest-Table-OC .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= NEST TABLE LEFT ========================================================= */ .Nest-Table-Colomn-Left { padding: 0 0 0 0 !important; } .Nest-Table-Colomn-Left .vc_column-inner { padding: 0 0 0 0 !important; } .Nest-Table-Colomn-Left p { padding: 0 0 0 1vw !important; } /* ========================================================= NEST TABLE CENTER ========================================================= */ Nest-Table-Colomn-Center { padding: 0 0 0 0 !important; } .Nest-Table-Colomn-Center .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= NEST TABLE RIGHT ========================================================= */ Nest-Table-Colomn-Right { padding: 0 0 0 0 !important; } .Nest-Table-Colomn-Right .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= NEST TABLE CELLS ========================================================= */ .Nest-Table-Header { padding: 2vh 0 2vh 0 !important; background-color: rgba(0,26,15,1.0); } .Nest-Table-Info { padding: 2vh 0 2vh 0 !important; background-color: rgba(0,26,15,0.5); } /* ========================================================= //////////////////////////////////////////////////////////// NEST BROCHURE IMAGE //////////////////////////////////////////////////////////// ========================================================= */ .Nest-Brochure { display: flex; justify-content: center; align-items: center; height: 100vh; } .Nest-Brochure .vc_single_image-wrapper { text-align: center !important;; } .Nest-Brochure img { max-width: 65% !important; } /* ========================================================= //////////////////////////////////////////////////////////// NEST REMOVE PADDING //////////////////////////////////////////////////////////// ========================================================= */ .Nest-Pad-0 .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= //////////////////////////////////////////////////////////// BACKGROUND IMAGE //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// BACKGROUND IMAGE POSITION //////////////////////////////////////////////////////////// ========================================================= */ .Background-Image .vc_column-inner { background-size: cover; } /* ========================================================= IMAGE POSITION - MOBILE ========================================================= */ .Image-0pc—50pc, .Image-0pc—50pc .vc_column-inner { background-position: 0% 50% !important; background-repeat: no-repeat !important; } .Image-10pc—50pc, .Image-10pc—50pc .vc_column-inner { background-position: 10% 50% !important; background-repeat: no-repeat !important; } .Image-20pc—50pc, .Image-20pc—50pc .vc_column-inner { background-position: 20% 50% !important; background-repeat: no-repeat !important; } .Image-30pc—50pc, .Image-30pc—50pc .vc_column-inner { background-position: 30% 50% !important; background-repeat: no-repeat !important; } .Image-40pc—50pc, .Image-40pc—50pc .vc_column-inner { background-position: 40% 50% !important; background-repeat: no-repeat !important; } .Image-50pc—50pc, .Image-50pc—50pc .vc_column-inner { background-position: 50% 50% !important; background-repeat: no-repeat !important; } .Image-60pc—50pc, .Image-60pc—50pc .vc_column-inner { background-position: 60% 50% !important; background-repeat: no-repeat !important; } .Image-70pc—50pc, .Image-70pc—50pc .vc_column-inner { background-position: 70% 50% !important; background-repeat: no-repeat !important; } .Image-80pc—50pc, .Image-80pc—50pc .vc_column-inner { background-position: 80% 50% !important; background-repeat: no-repeat !important; } .Image-90pc—50pc, .Image-90pc—50pc .vc_column-inner { background-position: 90% 50% !important; background-repeat: no-repeat !important; } .Image-100pc—50pc, .Image-100pc—50pc .vc_column-inner { background-position: 100% 50% !important; background-repeat: no-repeat !important; } /* ========================================================= IMAGE POSITION - IPAD ========================================================= */ @media (min-width: 768px) { .Image-0pc—50pc-IP, .Image-0pc—50pc-IP .vc_column-inner { background-position: 0% 50% !important; background-repeat: no-repeat !important; } .Image-10pc—50pc-IP, .Image-10pc—50pc-IP .vc_column-inner { background-position: 10% 50% !important; background-repeat: no-repeat !important; } .Image-20pc—50pc-IP, .Image-20pc—50pc-IP .vc_column-inner { background-position: 20% 50% !important; background-repeat: no-repeat !important; } .Image-30pc—50pc-IP, .Image-30pc—50pc-IP .vc_column-inner { background-position: 30% 50% !important; background-repeat: no-repeat !important; } .Image-40pc—50pc-IP, .Image-40pc—50pc-IP .vc_column-inner { background-position: 40% 50% !important; background-repeat: no-repeat !important; } .Image-50pc—50pc-IP, .Image-50pc—50pc-IP .vc_column-inner { background-position: 50% 50% !important; background-repeat: no-repeat !important; } .Image-60pc—50pc-IP, .Image-60pc—50pc-IP .vc_column-inner { background-position: 60% 50% !important; background-repeat: no-repeat !important; } .Image-70pc—50pc-IP, .Image-70pc—50pc-IP .vc_column-inner { background-position: 70% 50% !important; background-repeat: no-repeat !important; } .Image-80pc—50pc-IP, .Image-80pc—50pc-IP .vc_column-inner { background-position: 80% 50% !important; background-repeat: no-repeat !important; } .Image-90pc—50pc-IP, .Image-90pc—50pc-IP .vc_column-inner { background-position: 90% 50% !important; background-repeat: no-repeat !important; } .Image-100pc—50pc-IP, .Image-100pc—50pc-IP .vc_column-inner { background-position: 100% 50% !important; background-repeat: no-repeat !important; } } /* ========================================================= IMAGE POSITION - DESKTOP ========================================================= */ @media (min-width: 1200px) { .Image-0pc—50pc-DT, .Image-0pc—50pc-DT .vc_column-inner { background-position: 0% 50% !important; background-repeat: no-repeat !important; } .Image-10pc—50pc-DT, .Image-10pc—50pc-DT .vc_column-inner { background-position: 10% 50% !important; background-repeat: no-repeat !important; } .Image-20pc—50pc-DT, .Image-20pc—50pc-DT .vc_column-inner { background-position: 20% 50% !important; background-repeat: no-repeat !important; } .Image-30pc—50pc-DT, .Image-30pc—50pc-DT .vc_column-inner { background-position: 30% 50% !important; background-repeat: no-repeat !important; } .Image-40pc—50pc-DT, .Image-40pc—50pc-DT .vc_column-inner { background-position: 40% 50% !important; background-repeat: no-repeat !important; } .Image-50pc—50pc-DT, .Image-50pc—50pc-DT .vc_column-inner { background-position: 50% 50% !important; background-repeat: no-repeat !important; } .Image-60pc—50pc-DT, .Image-60pc—50pc-DT .vc_column-inner { background-position: 60% 50% !important; background-repeat: no-repeat !important; } .Image-70pc—50pc-DT, .Image-70pc—50pc-DT .vc_column-inner { background-position: 70% 50% !important; background-repeat: no-repeat !important; } .Image-80pc—50pc-DT, .Image-80pc—50pc-DT .vc_column-inner { background-position: 80% 50% !important; background-repeat: no-repeat !important; } .Image-90pc—50pc-DT, .Image-90pc—50pc-DT .vc_column-inner { background-position: 90% 50% !important; background-repeat: no-repeat !important; } .Image-100pc—50pc-DT, .Image-100pc—50pc-DT .vc_column-inner { background-position: 100% 50% !important; background-repeat: no-repeat !important; } } /* ========================================================= //////////////////////////////////////////////////////////// BOTTOM BACKGROUND IMAGE POSITION //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= IMAGE BOTTOM - POSITION ========================================================= */ .BG-Image-Bottom-100PC { background-position: 100% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-90PC { background-position: 90% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-80PC { background-position: 80% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-70PC { background-position: 70% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-60PC { background-position: 60% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-50PC { background-position: 50% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-40PC { background-position: 40% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-30PC { background-position: 30% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-20PC { background-position: 20% 100% !important; background-repeat: no-repeat !important; } .BG-Image-Bottom-10PC { background-position: 10% 100% !important; background-repeat: no-repeat !important; } /* ========================================================= IMAGE SIZE ========================================================= */ .BG-Image-100PC { background-size: 100% !important; } .BG-Image-90PC { background-size: 90% !important; } .BG-Image-80PC { background-size: 80% !important; } .BG-Image-70PC { background-size: 70% !important; } .BG-Image-60PC { background-size: 60% !important; } .BG-Image-50PC { background-size: 50% !important; } .BG-Image-40PC { background-size: 40% !important; } .BG-Image-30PC { background-size: 30% !important; } .BG-Image-20PC { background-size: 20% !important; } .BG-Image-10PC { background-size: 10% !important; } /* ========================================================= IMAGE SIZE - IPAD ========================================================= */ @media (min-width: 768px) { .BG-Image-100PC-IP { background-size: 100% !important; } .BG-Image-90PC-IP { background-size: 90% !important; } .BG-Image-80PC-IP { background-size: 80% !important; } .BG-Image-70PC-IP { background-size: 70% !important; } .BG-Image-60PC-IP { background-size: 60% !important; } .BG-Image-50PC-IP { background-size: 50% !important; } .BG-Image-40PC-IP { background-size: 40% !important; } .BG-Image-30PC-IP { background-size: 30% !important; } .BG-Image-20PC-IP { background-size: 20% !important; } .BG-Image-10PC-IP { background-size: 10% !important; } } /* ========================================================= IMAGE SIZE - DESKTOP ========================================================= */ @media (min-width: 1200px) { .BG-Image-100PC-DT { background-size: 100% !important; } .BG-Image-90PC-DT { background-size: 90% !important; } .BG-Image-80PC-DT { background-size: 80% !important; } .BG-Image-70PC-DT { background-size: 70% !important; } .BG-Image-60PC-DT { background-size: 60% !important; } .BG-Image-50PC-DT { background-size: 50% !important; } .BG-Image-40PC-DT { background-size: 40% !important; } .BG-Image-30PC-DT { background-size: 30% !important; } .BG-Image-20PC-DT { background-size: 20% !important; } .BG-Image-10PC-DT { background-size: 10% !important; } } /* ========================================================= IMAGE POSITION (Normal Image - Not Background) - MOBILE ========================================================= */ .BG-Image-0pc—50pc img { object-position: 0% 50% !important; } .BG-Image-10pc—50pc img { object-position: 10% 50% !important; } .BG-Image-20pc—50pc img { object-position: 20% 50% !important; } .BG-Image-30pc—50pc img { object-position: 30% 50% !important; } .BG-Image-40pc—50pc img { object-position: 40% 50% !important; } .BG-Image-50pc—50pc img { object-position: 50% 50% !important; } .BG-Image-60pc—50pc img { object-position: 60% 50% !important; } .BG-Image-70pc—50pc img { object-position: 70% 50% !important; } .BG-Image-80pc—50pc img { object-position: 80% 50% !important; } .BG-Image-90pc—50pc img { object-position: 90% 50% !important; } .BG-Image-100pc—50pc img { object-position: 100% 50% !important; } /* ========================================================= IMAGE POSITION (Normal Image - Not Background) - IPAD ========================================================= */ @media (min-width: 768px) { .BG-Image-0pc—50pc-IP img { object-position: 0% 50% !important; } .BG-Image-10pc—50pc-IP img { object-position: 10% 50% !important; } .BG-Image-20pc—50pc-IP img { object-position: 20% 50% !important; } .BG-Image-30pc—50pc-IP img { object-position: 30% 50% !important; } .BG-Image-40pc—50pc-IP img { object-position: 40% 50% !important; } .BG-Image-50pc—50pc-IP img { object-position: 50% 50% !important; } .BG-Image-60pc—50pc-IP img { object-position: 60% 50% !important; } .BG-Image-70pc—50pc-IP img { object-position: 70% 50% !important; } .BG-Image-80pc—50pc-IP img { object-position: 80% 50% !important; } .BG-Image-90pc—50pc-IP img { object-position: 90% 50% !important; } .BG-Image-100pc—50pc-IP img { object-position: 100% 50% !important; } } /* ========================================================= IMAGE POSITION (Normal Image - Not Background) - DESKTOP ========================================================= */ @media (min-width: 1200px) { .BG-Image-0pc—50pc-DT img { object-position: 0% 50% !important; } .BG-Image-10pc—50pc-DT img { object-position: 10% 50% !important; } .BG-Image-20pc—50pc-DT img { object-position: 20% 50% !important; } .BG-Image-30pc—50pc-DT img { object-position: 30% 50% !important; } .BG-Image-40pc—50pc-DT img { object-position: 40% 50% !important; } .BG-Image-50pc—50pc-DT img { object-position: 50% 50% !important; } .BG-Image-60pc—50pc-DT img { object-position: 60% 50% !important; } .BG-Image-70pc—50pc-DT img { object-position: 70% 50% !important; } .BG-Image-80pc—50pc-DT img { object-position: 80% 50% !important; } .BG-Image-90pc—50pc-DT img { object-position: 90% 50% !important; } .BG-Image-100pc—50pc-DT img { object-position: 100% 50% !important; } } /* ========================================================= VERTICAL IMAGE POSITION (Normal Image - Not Background) - DESKTOP ========================================================= */ @media (min-width: 1200px) { .BG-Image-50pc-100pc-DT img { object-position: 50% 100% !important; } .BG-Image-50pc-0pc-DT img { object-position: 50% 0% !important; } } /* ========================================================= //////////////////////////////////////////////////////////// DEVICE SIZES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= MOBILE ========================================================= */ .Iphone img { height: 25vh; width: auto; } .Iphone-Landscape img { height: 15vh; width: auto; } .Ipad img { height: 30vh; width: auto; } .Ipad-Landscape img { height: 20vh; width: auto; } /* ========================================================= IPAD ========================================================= */ @media (min-width: 768px) { .Iphone img { height: 25vh; width: auto; } } @media (min-width: 768px) { .Iphone-Landscape img { height: 15vh; width: auto; } } @media (min-width: 768px) { .Ipad img { height: 30vh; width: auto; } } @media (min-width: 768px) { .Ipad-Landscape img { height: 20vh; width: auto; } } /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 1200px) { .Iphone img { height: 50vh; width: auto; } } @media (min-width: 1200px) { .Iphone-Landscape img { height: 32vh; width: auto; } } @media (min-width: 1200px) { .Ipad img { height: 65vh; width: auto; } } @media (min-width: 1200px) { .Ipad-Landscape img { height: 45vh; width: auto; } } /* ========================================================= //////////////////////////////////////////////////////////// COURSE PLANNER //////////////////////////////////////////////////////////// ========================================================= */ .Planner-OC .vc_column-inner { padding: 0 0 0 0 !important; } .Planner-Image img { height: 80vh !important; width: auto; justify-content: center !important; } /* ========================================================= //////////////////////////////////////////////////////////// MULTI BUTTON LOGO AREA //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 415px) { .Logo-Multi-Button img { width: 40vw; } } @media (min-width: 415px) { .Logo-Multi-Button img { opacity: 1.0; width: 15vw; } } .Text-Align-Center-Header-Image-DT .wpb_single_image.vc_align_left { text-align: center !important; } /* ========================================================= //////////////////////////////////////////////////////////// ACTION BUTTONS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= WHITE/GOLD SPACER ========================================================= */ @media (min-width:1000px) { .AB-White-Gold-DT:not(:hover) { background-color: rgba(255, 255, 255, 1.0); } .AB-Link-White-Gold-DT:hover { background-color: #f1f1ed; } .AB-Link-White-Gold-DT p a { color: #777444; } } @media (max-width: 999px) { .AB-White-Gold-DT:not(:hover) { background-color: rgba(255, 255, 255, 1.0); } .AB-Link-White-Gold-DT:hover { background-color: #f1f1ed; } .AB-Link-White-Gold-DT p a { color: #777444; } } /* ========================================================= WHITE 100% TRANSPARENT ========================================================= */ @media (min-width:992px) { .AB-Planner-10-DT:not(:hover) { background-color: rgba(255, 255, 255, 1.0); } .AB-Link-Planner-10-DT:hover { background-color: rgba(255, 255, 255, 1.0); } .AB-Link-Planner-10-DT p a { color: #000000; } } @media (max-width: 991px) { .AB-Planner-10-MB:not(:hover) { background-color: rgba(255, 255, 255, 1.0); } .AB-Link-Planner-10-MB:hover { background-color: rgba(255, 255, 255, 1.0); } .AB-Link-Planner-10-MB p a { color: #000000; } } /* ========================================================= WHITE 50% TRANSPARENT ========================================================= */ @media (min-width:992px) { .AB-Planner-05-DT:not(:hover) { background-color: rgba(255, 255, 255, 0.5); } .AB-Link-Planner-05-DT:hover { background-color: rgba(255, 255, 255, 0.5); } .AB-Link-Planner-05-DT p a { color: #000000; } } @media (max-width: 991px) { .AB-Planner-05-MB:not(:hover) { background-color: rgba(255, 255, 255, 0.5); } .AB-Link-Planner-05-MB:hover { background-color: rgba(255, 255, 255, 0.5); } .AB-Link-Planner-05-MB p a { color: #000000; } } /* ========================================================= WHITE 50% TRANSPARENT ========================================================= */ @media (min-width:1000px) { .AB-White-05-DT:not(:hover) { background-color: rgba(255, 255, 255, 0.5); } .AB-Link-White-05-DT:hover { background-color: rgba(255, 255, 255, 0.7); } .AB-Link-White-05-DT p a { color: #000000; } } @media (max-width: 999px) { .AB-White-05-MB:not(:hover) { background-color: rgba(255, 255, 255, 0.5); } .AB-Link-White-MB-DT:hover { background-color: rgba(255, 255, 255, 0.7); } .AB-Link-White-MB-DT p a { color: #000000; } } /* ========================================================= 0.3 TRANSPARENT BLACK ACTION BUTTON - 0.5 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-N0-03-H0-05-DT:not(:hover) { background-color: rgba(0, 0, 0, 0.3); } .AB-Link-N0-03-H0-05-DT:hover { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-N0-03-H0-05-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-N0-03-H0-05-MB:not(:hover) { background-color: rgba(0, 0, 0, 0.3); } .AB-Link-N0-03-H0-05-MB:hover { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-N0-03-H0-05-MB p a { color: #fffeee; } } /* ========================================================= 0.5 TRANSPARENT BLACK ACTION BUTTON - 0.7 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-N0-05-H0-07-DT:not(:hover) { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-N0-05-H0-07-DT:hover { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-N0-05-H0-07-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-N0-05-H0-07-MB:not(:hover) { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-N0-05-H0-07-MB:hover { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-N0-05-H0-07-MB p a { color: #fffeee; } } /* ========================================================= 0.7 TRANSPARENT BLACK ACTION BUTTON - 0.9 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-N0-07-H0-09-DT:not(:hover) { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-N0-07-H0-09-DT:hover { background-color: rgba(0, 0, 0, 0.9); } .AB-Link-N0-07-H0-09-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-N0-07-H0-09-MB:not(:hover) { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-N0-07-H0-09-MB:hover { background-color: rgba(0, 0, 0, 0.9); } .AB-Link-N0-07-H0-09-MB p a { color: #fffeee; } } /* ========================================================= GOLD ACTION BUTTON ========================================================= */ @media (min-width:1000px) { .AB-RCP-Gold-DT:not(:hover) { background-color: rgba(0, 0, 0, 0.3); } .AB-Link-RCP-Gold-DT:hover { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-RCP-Gold-DT p a { color: #af942f; } } @media (max-width: 999px) { .AB-RCP-Gold-MB:not(:hover) { background-color: rgba(0, 0, 0, 0.3); } .AB-Link-RCP-Gold-MB:hover { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-RCP-Gold-MB p a { color: #af942f; } } /* ========================================================= GOLD ACTION BUTTON 03 - 05 ========================================================= */ @media (min-width:1000px) { .AB-RCP-Gold-DT-03-05:not(:hover) { background-color: rgba(0, 0, 0, 0.3); } .AB-Link-RCP-Gold-DT-03-05:hover { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-RCP-Gold-DT-03-05 p a { color: #af942f; } } @media (max-width: 999px) { .AB-RCP-Gold-MB-03-05:not(:hover) { background-color: rgba(0, 0, 0, 0.3); } .AB-Link-RCP-Gold-MB-03-05:hover { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-RCP-Gold-MB-03-05 p a { color: #af942f; } } /* ========================================================= GOLD ACTION BUTTON 05 - 07 ========================================================= */ @media (min-width:1000px) { .AB-RCP-Gold-DT-05-07:not(:hover) { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-RCP-Gold-DT-05-07:hover { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-RCP-Gold-DT-05-07 p a { color: #af942f; } } @media (max-width: 999px) { .AB-RCP-Gold-MB-05-07:not(:hover) { background-color: rgba(0, 0, 0, 0.5); } .AB-Link-RCP-Gold-MB-05-07:hover { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-RCP-Gold-MB-05-07 p a { color: #af942f; } } /* ========================================================= GOLD ACTION BUTTON 07 - 09 ========================================================= */ @media (min-width:1000px) { .AB-RCP-Gold-DT-07-09:not(:hover) { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-RCP-Gold-DT-07-09:hover { background-color: rgba(0, 0, 0, 0.9); } .AB-Link-RCP-Gold-DT-07-09 p a { color: #af942f; } } @media (max-width: 999px) { .AB-RCP-Gold-MB-07-09:not(:hover) { background-color: rgba(0, 0, 0, 0.7); } .AB-Link-RCP-Gold-MB-07-09:hover { background-color: rgba(0, 0, 0, 0.9); } .AB-Link-RCP-Gold-MB-07-09 p a { color: #af942f; } } /* ========================================================= BLUE ACTION BUTTON ========================================================= */ @media (min-width:1000px) { .AB-RCP-Blue-DT:not(:hover) { background-color: rgba(37, 47, 78, 1.0); } .AB-Link-RCP-Blue-DT:hover { background-color: rgba(37, 47, 78, 1.0); } .AB-Link-RCP-Blue-DT p a { color: #af942f; } } @media (max-width: 999px) { .AB-RCP-Blue-MB:not(:hover) { background-color: rgba(37, 47, 78, 1.0); } .AB-Link-RCP-Blue-MB:hover { background-color: rgba(37, 47, 78, 1.0); } .AB-Link-RCP-Blue-MB p a { color: #af942f; } } /* ========================================================= FULL PAGE OVERLAY BUTTON ========================================================= */ @media (min-width:1000px) { .Overlay-DT:not(:hover) { background-color: rgba(255, 255, 255, 1.0); } .Overlay-Link-DT:hover { background-color: rgba(255, 255, 255, 0.9); } .Overlay-Link-DT p a { color: #a56f54; } } @media (max-width: 999px) { .Overlay-MB:not(:hover) { background-color: rgba(0, 0, 0, 1.0); } .Overlay-Link-MB:hover { background-color: rgba(0, 0, 0, 0.5); } .Overlay-Link-MB p a { color: #fffeee; } } /* ========================================================= ACTION BUTTON LINK FOR SPACER ========================================================= */ .AB-Link-Spacer-Black p a { color: #000000; } .AB-Link-Spacer-Black:hover p a { color: #666666; } /* ========================================================= //////////////////////////////////////////////////////////// GREEN ACTION //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= 0.3 TRANSPARENT BLACK ACTION BUTTON - 0.5 TRANSPARENT ON HOVER background: linear-gradient( 90deg, rgba(0, 66, 37, 0.0) 0%, rgba(0, 30, 0, 1.0) 100%); ========================================================= */ @media (min-width:1000px) { .AB-Green-03-H0-05-DT:not(:hover) { background-color: rgba(0, 66, 37, 1.0); } .AB-Link-Green-03-H0-05-DT:hover { background-color: rgba(0, 75, 37, 1.0); } .AB-Link-Green-03-H0-05-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-Green-03-H0-05-MB:not(:hover) { background-color: rgba(0, 66, 37, 1.0); } .AB-Link-Green-03-H0-05-MB:hover { background-color: rgba(0, 75, 37, 1.0); } .AB-Link-Green-03-H0-05-MB p a { color: #fffeee; } } /* ========================================================= //////////////////////////////////////////////////////////// ACTION BUTTONS CODE //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// ACTION BUTTON FONT SIZES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== ACTION BUTTON FONT SIZE ========================================================================== */ .AB-Link p a, .AB-Link-Planner p a { font-size: 14px; } .AB-Link-Course p a { font-size: 12px; } .AB-Link-White-Gold p a { font-size: 16px; } .DownArrow p a i, .RightArrow p a i, .LeftArrow p a i { font-size: 20px; } /* ========================================================================== ACTION BUTTON IPAD ========================================================================== */ @media (min-width: 768px){ .AB-Link p a { font-size: 14px; } .AB-Link-Course p a { font-size: 14px; } .AB-Link-Planner p a { font-size: 14px; } .AB-Link-White-Gold p a { font-size: 18px; } .DownArrow p a i, .RightArrow p a i, .LeftArrow p a i { font-size: 20px; } } @media (min-width: 900px){ .AB-Link p a { font-size: 14px; } .AB-Link-Course p a { font-size: 14px; } .AB-Link-Planner p a { font-size: 14px; } .AB-Link-White-Gold p a { font-size: 20px; } .DownArrow p a i, .RightArrow p a i, .LeftArrow p a i { font-size: 30px; } } @media (min-width: 1200px){ .AB-Link p a { font-size: 16px; } .AB-Link-Course p a { font-size: 16px; } .AB-Link-Planner p a { font-size: 16px; } .AB-Link-White-Gold p a { font-size: 22px; } .DownArrow p a i, .RightArrow p a i, .LeftArrow p a i { font-size: 36px; } } @media (min-width: 1800px){ .AB-Link p a { font-size: 18px; } .AB-Link-Course p a { font-size: 18px; } .AB-Link-Planner p a { font-size: 18px; } .AB-Link-White-Gold p a { font-size: 28px; } .DownArrow p a i, .RightArrow p a i, .LeftArrow p a i { font-size: 48px; } } /* ========================================================= ACTION BUTTON FONT ALIGNMENT & POINTER ========================================================= */ .AB-Link p a, .AB-Link-White-Gold p a { text-align: center; line-height: 100%; text-decoration: none; } .AB-Link-Course p a { text-align: center; line-height: 100%; text-decoration: none; } .AB-Link-Planner p a { text-align: center; line-height: 100%; text-decoration: none; } .AB-Link:hover, .AB-Link-Course:hover, .AB-Link-Planner:hover, .AB-Link-White-Gold:hover { cursor: pointer; } .AB-Link, .AB-Link-Course, .AB-Link-Planner, .AB-Link-White-Gold { height: 100%; width: 100%; } .RightArrow .fa-chevron-right, .RightArrowGold .fa-chevron-right { padding: 0 0 0 5%; } .LeftArrow .fa-chevron-left, .LeftArrowGold .fa-chevron-left { padding: 0 5% 0 0; } /* ========================================================= ACTION BUTTON CONTAINER SIZE ========================================================= */ .ABFP { height: 10%; } .ABVH { height: 10vh; } .ABVH-Spacer { height: 100%; } .AB div.vc_column-inner { height: 100%; } .AB, .AB .vc_column-inner, .AB div.vc_column-inner { padding: 0px 0px 0px 0px !important; } .AB .wpb_wrapper, .AB .wpb_wrapper p { height: 100%; width: 100%; } /* ========================================================= ACTION BUTTON FOR SPACER ========================================================= */ @media (max-width: 767px) { .ABFP-Spacer-10-MB { height: 10%; } .ABFP-Spacer-20-MB { height: 20%; } } @media (min-width: 768px) { .ABFP-Spacer-10-DT { height: 10%; } .ABFP-Spacer-20-DT { height: 20%; } } /* ========================================================= ACTION BUTTON 33.3333333% ========================================================= */ .AB-Vertical .vc_column-inner, .AB-Vertical .wpb_wrapper, .AB-Vertical .vc_row { height: 100%; } .ABFP-100 { height: 100%; } .ABFP-90 { height: 90%; } .ABFP-80 { height: 80%; } .ABFP-70 { height: 70%; } .ABFP-60 { height: 60%; } .ABFP-55 { height: 55%; } .ABFP-50 { height: 50%; } .ABFP-45 { height: 45%; } .ABFP-40 { height: 40%; } .ABFP-35 { height: 35%; } .ABFP-30 { height: 30%; } .ABFP-25 { height: 25%; } .ABFP-20 { height: 20%; } .ABFP-15 { height: 15%; } .ABFP-10 { height: 10%; } .ABFP-Pad-T-3 a { padding-top: 3%; } .ABFP-Pad-T-5 a { padding-top: 5%; } /* ========================================================= RESPONSIVE - ACTION BUTTON SIDE SECTION ========================================================= */ @media (max-width: 767px) { .ABFP-100-MB { height: 100%; } .ABFP-90-MB { height: 90%; } .ABFP-80-MB { height: 80%; } .ABFP-70-MB { height: 70%; } .ABFP-60-MB { height: 60%; } .ABFP-55-MB { height: 55%; } .ABFP-50-MB { height: 50%; } .ABFP-45-MB { height: 45%; } .ABFP-40-MB { height: 40%; } .ABFP-35-MB { height: 35%; } .ABFP-30-MB { height: 30%; } .ABFP-25-MB { height: 25%; } .ABFP-20-MB { height: 20%; } .ABFP-15-MB { height: 15%; } .ABFP-10-MB { height: 10%; } } @media (min-width: 768px) { .ABFP-100-IP { height: 100%; } .ABFP-90-IP { height: 90%; } .ABFP-80-IP { height: 80%; } .ABFP-70-IP { height: 70%; } .ABFP-60-IP { height: 60%; } .ABFP-55-IP { height: 55%; } .ABFP-50-IP { height: 50%; } .ABFP-45-IP { height: 45%; } .ABFP-40-IP { height: 40%; } .ABFP-35-IP { height: 35%; } .ABFP-30-IP { height: 30%; } .ABFP-25-IP { height: 25%; } .ABFP-20-IP { height: 20%; } .ABFP-15-IP { height: 15%; } .ABFP-10-IP { height: 10%; } } @media (min-width: 1200px) { .ABFP-100-DT { height: 100%; } .ABFP-90-DT { height: 90%; } .ABFP-80-DT { height: 80%; } .ABFP-70-DT { height: 70%; } .ABFP-60-DT { height: 60%; } .ABFP-55-DT { height: 55%; } .ABFP-50-DT { height: 50%; } .ABFP-45-DT { height: 45%; } .ABFP-40-DT { height: 40%; } .ABFP-35-DT { height: 35%; } .ABFP-30-DT { height: 30%; } .ABFP-25-DT { height: 25%; } .ABFP-20-DT { height: 20%; } .ABFP-15-DT { height: 15%; } .ABFP-10-DT { height: 10%; } } /* ========================================================= NEW INNER ACTION BUTTONS ========================================================= */ .AB-2ROW-OC { height: 10%; } .AB-2ROW-OC .vc_column-inner { padding: 0 0 0 0 !important; } .AB-2ROW-OC div.vc_column-inner { height: 100%; } .AB-2ROW-OC .wpb_wrapper, .AB-OC .wpb_wrapper p { height: 100%; width: 100%; } .AB-2ROW-IR, .AB-2ROW-IR .full_section_inner { height: 100%; } .AB-2ROW-IR.vc_row { margin: 0 0 0 0 !important; } .AB-2ROW { height: 100%; } /* ========================================================= ACTION BUTTON DISPLAY SIZE ========================================================= */ .DownArrow p a, .RightArrow p a, .LeftArrow p a, .DownArrowGold p a, .RightArrowGold p a, .LeftArrowGold p a, .RightArrowNarrow p a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .DownArrow p a { flex-direction: column; } .DownArrowGold p a { flex-direction: column; } .RightArrow p a, .LeftArrow p a, .RightArrowGold p a, .LeftArrowGold p a, .RightArrowNarrow { flex-direction: row; } /* ========================================================= ACTION BUTTON ICON PADDING ========================================================= */ .RightArrow p a i , .LeftArrow p a i, .RightArrowNarrow p a i { padding: 0 20px 0 20px; } @media (min-width: 600px) { .RightArrow p a i , .LeftArrow p a i, .RightArrowNarrow p a i { padding: 0 20px 0 20px; } } @media (min-width: 900px) { .RightArrow p a i , .LeftArrow p a i, .RightArrowNarrow p a i { padding: 0 20px 0 20px; } } @media (min-width: 1200px) { .RightArrow p a i , .LeftArrow p a i, .RightArrowNarrow p a i { padding: 0 20px 0 20px; } } @media (min-width: 1800px) { .RightArrow p a i , .LeftArrow p a i, .RightArrowNarrow p a i { padding: 0 30px 0 30px; } } @media (min-width: 2100px) { .RightArrow p a i , .LeftArrow p a i, .RightArrowNarrow p a i { padding: 0 40px 0 40px; } } /* ========================================================= ACTION BUTTON ICON COLOR ========================================================= */ .AB-Icon-255-05 .qode_icon_font_awesome { color: rgba(255, 255, 255, 0.5) !important; } /* ========================================================= 3 Button Vertical - 0.0 TRANSPARENT BLACK ACTION BUTTON - 0.4/0.6 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-3Button-N0-04-H0-06-DT:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.4) 100%); } .AB-3Button-Link-N0-04-H0-06-DT:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.6) 100%); } .AB-3Button-Link-N0-04-H0-06-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-3Button-N0-04-H0-06-MB:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.4) 100%); } .AB-3Button-Link-N0-04-H0-06-MB:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.6) 100%); } .AB-3Button-Link-N0-04-H0-06-MB p a { color: #fffeee; } } /* ========================================================= 3 Button Vertical - 0.0 TRANSPARENT BLACK ACTION BUTTON - 0.7/0.9 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-3Button-N0-07-H0-09-DT:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } .AB-3Button-Link-N0-07-H0-09-DT:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.9) 100%); } .AB-3Button-Link-N0-07-H0-09-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-3Button-N0-07-H0-09-MB:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } .AB-3Button-Link-N0-07-H0-09-MB:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.9) 100%); } .AB-3Button-Link-N0-07-H0-09-MB p a { color: #fffeee; } } /* ========================================================= 3 Button Vertical - 0.0 TRANSPARENT BLACK ACTION BUTTON - 0.7/0.9 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-Nines-DT:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1.0) 100%); } .AB-Nines-Link-DT:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1.0) 100%); } .AB-Nines-Link-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-Nines-MB:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1.0) 100%); } .AB-Nines-Link-MB:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1.0) 100%); } .AB-Nines-Link-MB p a { color: #fffeee; } } /* ========================================================= 3 Button Vertical HEADER ========================================================= */ @media (min-width:1000px) { .AB-3Button-Header-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.4) 100%); } } @media (max-width: 999px) { .AB-3Button-Header-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.6) 100%); } } /* ========================================================= MATT BLACK - 0.0 TRANSPARENT BLACK ACTION BUTTON - 0.5 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-MATT-DT:not(:hover) { background: linear-gradient( 90deg, rgba(40, 40, 40, 0.0) 10%, rgba(40, 40, 40, 0.6) 100%); } .AB-MATT-DT:hover { background: linear-gradient( 90deg, rgba(40, 40, 40, 0.0) 10%, rgba(40, 40, 40, 0.6) 100%); } .AB-MATT-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-MATT-MB:not(:hover) { background: linear-gradient( 90deg, rgba(40, 40, 40, 0.0) 10%, rgba(40, 40, 40, 0.6) 100%); } .AB-MATT-MB:hover { background: linear-gradient( 90deg, rgba(40, 40, 40, 0.0) 10%, rgba(40, 40, 40, 0.6) 100%); } .AB-MATT-MB p a { color: #fffeee; } } /* ========================================================= MATT BLACK Vertical HEADER ========================================================= */ @media (min-width:1000px) { .AB-MATT-Header-DT { background: linear-gradient( 90deg, rgba(40, 40, 40, 0.0) 10%, rgba(40, 40, 40, 0.6) 100%); } } @media (max-width: 999px) { .AB-MATT-Header-MB { background: linear-gradient( 90deg, rgba(40, 40, 40, 0.0) 10%, rgba(40, 40, 40, 0.6) 100%); } } /* ========================================================= GLOSS BLACK - 0.0 TRANSPARENT BLACK ACTION BUTTON - 0.5 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-GLOSS-DT:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } .AB-GLOSS-DT:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } .AB-GLOSS-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-GLOSS-MB:not(:hover) { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } .AB-GLOSS-MB:hover { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } .AB-GLOSS-MB p a { color: #fffeee; } } /* ========================================================= GLOSS BLACK Vertical HEADER ========================================================= */ @media (min-width:1000px) { .AB-GLOSS-Header-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } } @media (max-width: 999px) { .AB-GLOSS-Header-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= RACING GREEN - 0.0 TRANSPARENT BLACK ACTION BUTTON - 0.5 TRANSPARENT ON HOVER ========================================================= */ @media (min-width:1000px) { .AB-GREEN-DT:not(:hover) { background: linear-gradient( 90deg, rgba(0, 66, 37, 0.0) 0%, rgba(0, 30, 0, 1.0) 100%); } .AB-GREEN-DT:hover { background: linear-gradient( 90deg, rgba(0, 66, 37, 0.0) 0%, rgba(0, 30, 0, 1.0) 100%); } .AB-GREEN-DT p a { color: #fffeee; } } @media (max-width: 999px) { .AB-GREEN-MB:not(:hover) { background: linear-gradient( 90deg, rgba(0, 66, 37, 0.0) 0%, rgba(0, 30, 0, 1.0) 100%); } .AB-GREEN-MB:hover { background: linear-gradient( 90deg, rgba(0, 66, 37, 0.0) 0%, rgba(0, 30, 0, 1.0) 100%); } .AB-GREEN-MB p a { color: #fffeee; } } /* ========================================================= RACING GREEN Vertical HEADER ========================================================= */ @media (min-width:1000px) { .AB-GREEN-Header-DT { background: linear-gradient( 90deg, rgba(0, 66, 37, 0.0) 0%, rgba(0, 30, 0, 1.0) 100%); } } @media (max-width: 999px) { .AB-GREEN-Header-MB { background: linear-gradient( 90deg, rgba(0, 66, 37, 0.0) 0%, rgba(0, 30, 0, 1.0) 100%); } } /* ========================================================= NINES - BOTTOM SECTION ========================================================= */ @media (min-width:1000px) { .AB-Nines-Bottom-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1.0) 100%); height: 100%; } } @media (max-width: 999px) { .AB-Nines-Bottom-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1.0) 100%); height: 100%; } } /* ========================================================= 3 Button Vertical - ACTION BUTTON DISPLAY SIZE ========================================================= */ .DownArrow-3Button p a, .RightArrow-3Button p a, .LeftArrow-3Button p a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .DownArrow-3Button p a { flex-direction: column; } .DownArrowGold-3Button p a { flex-direction: column; } .RightArrow-3Button p a, .LeftArrow-3Button p a { flex-direction: row; } /* ========================================================= 3 Button Vertical - ACTION BUTTON ICON PADDING ========================================================= */ .RightArrow-3Button p a i , .LeftArrow-3Button p a i { padding: 0 10px 0 10px; } @media (min-width: 600px) { .RightArrow-3Button p a i , .LeftArrow-3Button p a i { padding: 0 10px 0 10px; } } @media (min-width: 900px) { .RightArrow-3Button p a i , .LeftArrow-3Button p a i { padding: 0 20px 0 20px; } } @media (min-width: 1200px) { .RightArrow-3Button p a i , .LeftArrow-3Button p a i { padding: 0 20px 0 20px; } } @media (min-width: 1800px) { .RightArrow-3Button p a i , .LeftArrow-3Button p a i { padding: 0 30px 0 30px; } } @media (min-width: 2100px) { .RightArrow-3Button p a i , .LeftArrow-3Button p a i { padding: 0 40px 0 40px; } } /* ========================================================= 3 CIRCLE ========================================================= */ .DownArrow-3Circle p a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .RightArrow-3Circle p a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .LeftArrow-3Circle p a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .DownArrow-3Circle p a { flex-direction: column; } .DownArrowGold-3Circle p a { flex-direction: column; } .RightArrow-3Circle p a, .LeftArrow-3Circle p a { flex-direction: row; } /* ========================================================= 3 Circle Vertical - ACTION Circle ICON PADDING ========================================================= */ .RightArrow-3Circle p a i , .LeftArrow-3Circle p a i { padding: 0 10px 0 10px; } @media (min-width: 600px) { .RightArrow-3Circle p a i , .LeftArrow-3Circle p a i { padding: 0 10px 0 10px; } } @media (min-width: 900px) { .RightArrow-3Circle p a i , .LeftArrow-3Circle p a i { padding: 0 20px 0 20px; } } @media (min-width: 1200px) { .RightArrow-3Circle p a i , .LeftArrow-3Circle p a i { padding: 0 20px 0 20px; } } @media (min-width: 1800px) { .RightArrow-3Circle p a i , .LeftArrow-3Circle p a i { padding: 0 30px 0 30px; } } @media (min-width: 2100px) { .RightArrow-3Circle p a i , .LeftArrow-3Circle p a i { padding: 0 40px 0 40px; } } /* ========================================================= 3 Circle Vertical - ACTION Circle ICON PADDING ========================================================= */ .DownArrow-3Circle p a i { padding: 10px 0 0 0; } @media (min-width: 600px) { .DownArrow-3Circle p a i { padding: 10px 0 0 0; } } @media (min-width: 900px) { .DownArrow-3Circle p a i { padding: 10px 0 0 0; } } @media (min-width: 1200px) { .DownArrow-3Circle p a i { padding: 10px 0 0 0; } } @media (min-width: 1800px) { .DownArrow-3Circle p a i { padding: 10px 0 0 0; } } @media (min-width: 2100px) { .DownArrow-3Circle p a i { padding: 10px 0 0 0; } } /* ========================================================= REVERSED SIDE BAR ========================================================= */ /* ========================================================================== 10% to 0% ========================================================================== */ @media (min-width:1000px) { .Reversed-Overlay-01-00-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0) 100%); } } @media (max-width: 999px) { .Reversed-Overlay-01-00-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0) 100%); } } /* ========================================================================== 20% to 0% ========================================================================== */ @media (min-width:1000px) { .Reversed-Overlay-02-00-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 100%); } } @media (max-width: 999px) { .Reversed-Overlay-02-00-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 100%); } } /* ========================================================================== 30% to 0% ========================================================================== */ @media (min-width:1000px) { .Reversed-Overlay-03-00-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 100%); } } @media (max-width: 999px) { .Reversed-Overlay-03-00-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 100%); } } /* ========================================================================== 40% to 0% ========================================================================== */ @media (min-width:1000px) { .Reversed-Overlay-04-00-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.0) 100%); } } @media (max-width: 999px) { .Reversed-Overlay-04-00-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.0) 100%); } } /* ========================================================================== 50% to 0% ========================================================================== */ @media (min-width:1000px) { .Reversed-Overlay-05-00-DT { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 100%); } } @media (max-width: 999px) { .Reversed-Overlay-05-00-MB { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 100%); } } /* ========================================================= OVERLAY ARROWS - CENTER ALIGNED - ACTION BUTTON DISPLAY SIZE ========================================================= */ .DownArrow-Overlay p a, .RightArrow-Overlay p a, .LeftArrow-Overlay p a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .DownArrow-Overlay p a { flex-direction: column; } .DownArrowGold-Overlay p a { flex-direction: column; } .RightArrow-Overlay p a, .LeftArrow-Overlay p a { flex-direction: row; } /* ========================================================= OVERLAY ARROWS - CENTER ALIGNED - ACTION BUTTON ICON PADDING ========================================================= */ .RightArrow-Overlay p a i , .LeftArrow-Overlay p a i { padding: 0 10px 0 10px; } @media (min-width: 600px) { .RightArrow-Overlay p a i , .LeftArrow-Overlay p a i { padding: 0 10px 0 10px; } } @media (min-width: 900px) { .RightArrow-Overlay p a i , .LeftArrow-Overlay p a i { padding: 0 20px 0 20px; } } @media (min-width: 1200px) { .RightArrow-Overlay p a i , .LeftArrow-Overlay p a i { padding: 0 20px 0 20px; } } @media (min-width: 1800px) { .RightArrow-Overlay p a i , .LeftArrow-Overlay p a i { padding: 0 30px 0 30px; } } @media (min-width: 2100px) { .RightArrow-Overlay p a i , .LeftArrow-Overlay p a i { padding: 0 40px 0 40px; } } /* ========================================================================== ACTION BUTTON - Border Bottom - WHITE ========================================================================== */ @media (min-width:1000px) { .Border-B-255-03-DT { border-bottom: 1px solid rgba(255,255,255,0.3); } } @media (max-width: 999px) { .Border-B-255-03-MB { border-bottom: 1px solid rgba(255,255,255,0.3); } } /* ========================================================================== ACTION BUTTON - Border Bottom - BLACK ========================================================================== */ @media (min-width:1000px) { .Border-B-000-03-DT { border-bottom: 1px solid rgba(0,0,0,0.3); } } @media (max-width: 999px) { .Border-B-000-03-MB { border-bottom: 1px solid rgba(0,0,0,0.3); } } /* ========================================================================== ACTION BUTTON - Border Top ========================================================================== */ @media (min-width:1000px) { .Border-T-255-03-DT { border-top: 1px solid rgba(255,255,255,0.3); } } @media (max-width: 999px) { .Border-T-255-03-MB { border-top: 1px solid rgba(255,255,255,0.3); } } /* ========================================================================== 3 Button - ACTION BUTTON FONT SIZE ========================================================================== */ .AB-Link-3Button p a { font-size: 14px; } .DownArrow-3Button p a i, .RightArrow-3Button p a i, .LeftArrow-3Button p a i { font-size: 24px; } /* ========================================================================== 3 Circle - ACTION BUTTON FONT SIZE ========================================================================== */ .AB-Link-3Circle p a { font-size: 14px; } .DownArrow-3Circle p a i, .RightArrow-3Circle p a i, .LeftArrow-3Circle p a i { font-size: 24px; } /* ========================================================================== 3 Button - ACTION BUTTON IPAD ========================================================================== */ @media (min-width: 768px){ .AB-Link-3Button p a { font-size: 12px; } .DownArrow-3Button p a i, .RightArrow-3Button p a i, .LeftArrow-3Button p a i { font-size: 24px; } } @media (min-width: 900px){ .AB-Link-3Button p a { font-size: 14px; } .DownArrow-3Button p a i, .RightArrow-3Button p a i, .LeftArrow-3Button p a i { font-size: 28px; } } @media (min-width: 1200px){ .AB-Link-3Button p a { font-size: 16px; } .DownArrow-3Button p a i, .RightArrow-3Button p a i, .LeftArrow-3Button p a i { font-size: 32px; } } @media (min-width: 1800px){ .AB-Link-3Button p a { font-size: 18px; } .DownArrow-3Button p a i, .RightArrow-3Button p a i, .LeftArrow-3Button p a i { font-size: 36px; } } /* ========================================================================== 3 Circle - ACTION BUTTON IPAD ========================================================================== */ @media (min-width: 768px){ .AB-Link-3Circle p a { font-size: 12px; } .DownArrow-3Circle p a i, .RightArrow-3Circle p a i, .LeftArrow-3Circle p a i { font-size: 24px; } } @media (min-width: 900px){ .AB-Link-3Circle p a { font-size: 14px; } .DownArrow-3Circle p a i, .RightArrow-3Circle p a i, .LeftArrow-3Circle p a i { font-size: 28px; } } @media (min-width: 1200px){ .AB-Link-3Circle p a { font-size: 16px; } .DownArrow-3Circle p a i, .RightArrow-3Circle p a i, .LeftArrow-3Circle p a i { font-size: 32px; } } @media (min-width: 1800px){ .AB-Link-3Circle p a { font-size: 18px; } .DownArrow-3Circle p a i, .RightArrow-3Circle p a i, .LeftArrow-3Circle p a i { font-size: 36px; } } /* ========================================================= 3 Button - ACTION BUTTON FONT ALIGNMENT & POINTER ========================================================= */ .AB-Link-3Button p a { text-align: center; line-height: 150%; text-decoration: none; } .AB-Link-3Button:hover { cursor: pointer; } .AB-Link-3Button { height: 100%; width: 100%; } .RightArrow-3Button .fa-chevron-right { padding: 0 0 0 5%; } .LeftArrow-3Button .fa-chevron-left { padding: 0 5% 0 0; } /* ========================================================= 3 Circle - ACTION BUTTON FONT ALIGNMENT & POINTER ========================================================= */ .AB-Link-3Circle p a { text-align: center; line-height: 150%; text-decoration: none; } .AB-Link-3Circle:hover { cursor: pointer; } .AB-Link-3Circle { height: 100%; width: 100%; } .RightArrow-3Circle .fa-chevron-right { padding: 0 0 0 5%; } .LeftArrow-3Circle .fa-chevron-left { padding: 0 5% 0 0; } /* ========================================================= 3 Button - ACTION BUTTON HEADER ========================================================= */ .AB-Header { padding: 3vh 2vw 0 0; } /* ========================================================= //////////////////////////////////////////////////////////// ACTION BUTTON FOR SLIDER //////////////////////////////////////////////////////////// ========================================================= */ .OC-AB-Slider { margin: -10vh 0 0 0; } /* ========================================================= //////////////////////////////////////////////////////////// FONT AWESOME //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== FONT AWESOME FONT COLORS ========================================================================== */ .fa-color-777444 i { color: #777444 !important; } /* ========================================================= FONT AWESOME - WHITE - LARGE - THIN ========================================================= */ .fa-Large-Light-FFFFFF i { -webkit-text-stroke: 11px #ffffff; font-size: 60px !important; } @media (min-width: 600px) { .fa-Large-Light-FFFFFF i { -webkit-text-stroke: 11px #ffffff; font-size: 60px !important; } } @media (min-width: 900px) { .fa-Large-Light-FFFFFF i { -webkit-text-stroke: 13px #ffffff; font-size: 70px !important; } } @media (min-width: 1200px) { .fa-Large-Light-FFFFFF i { -webkit-text-stroke: 14px #ffffff; font-size: 80px !important; } } @media (min-width: 1800px) { .fa-Large-Light-FFFFFF i { -webkit-text-stroke: 15px #ffffff; font-size: 90px !important; } } @media (min-width: 2100px) { .fa-Large-Light-FFFFFF i { -webkit-text-stroke: 16px #ffffff; font-size: 100px !important; } } /* ========================================================= HOVER - FONT AWESOME - WHITE - LARGE - THIN ========================================================= */ .fa-Large-Light-FFFFFF:hover i { -webkit-text-stroke: 11px #f1f1ed; font-size: 60px !important; } @media (min-width: 600px) { .fa-Large-Light-FFFFFF:hover i { -webkit-text-stroke: 11px ##f1f1ed; font-size: 60px !important; } } @media (min-width: 900px) { .fa-Large-Light-FFFFFF:hover i { -webkit-text-stroke: 13px #f1f1ed; font-size: 70px !important; } } @media (min-width: 1200px) { .fa-Large-Light-FFFFFF:hover i { -webkit-text-stroke: 14px #f1f1ed; font-size: 80px !important; } } @media (min-width: 1800px) { .fa-Large-Light-FFFFFF:hover i { -webkit-text-stroke: 15px ##f1f1ed; font-size: 90px !important; } } @media (min-width: 2100px) { .fa-Large-Light-FFFFFF:hover i { -webkit-text-stroke: 16px #f1f1ed; font-size: 100px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// ICONS //////////////////////////////////////////////////////////// ========================================================= */ .icon-circle { width:100px; height:100px; border-radius:50px; font-size:50px; color:#fff; line-height:100px; text-align:center; background:#000 } /* ========================================================= //////////////////////////////////////////////////////////// IN PAGE BUTTONS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= GOLD BUTTON ========================================================= */ .Classic .qbutton { height: 39px; line-height: 39px; padding: 0 23px; border: 1px solid #777444; font-size: 13px; color: #777444; letter-spacing: 1px; -o-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; text-shadow: none; background-color: transparent; } .Classic:hover .qbutton:hover { background-color: #777444; border: 1px solid #777444; color: #ffffff; } /* ========================================================= ABOUT BUTTON ========================================================= */ .About .qbutton { height: 39px; line-height: 39px; padding: 0 23px; border: 1px solid #414141; font-size: 13px; color: #414141; letter-spacing: 1px; -o-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; text-shadow: none; background-color: transparent; } .About:hover .qbutton:hover { background-color: #414141; border: 1px solid #414141; color: #ffffff; } /* ========================================================= ABOUT BUTTON WHITE ========================================================= */ .About-White .qbutton { height: 39px; line-height: 39px; padding: 0 23px; border: 1px solid #f3fffa; font-size: 13px; color: #f3fffa; letter-spacing: 1px; -o-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; text-shadow: none; background-color: transparent; } .About-White:hover .qbutton:hover { background-color: #f3fffa; border: 1px solid #f3fffa; color: #414141; } /* ========================================================= BRANDING BUTTON ========================================================= */ .Branding .qbutton { height: 39px; line-height: 39px; padding: 0 23px; border: 1px solid #30583b; font-size: 13px; color: #ffffff; letter-spacing: 1px; -o-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; text-shadow: none; background-color: #30583b; } .Branding:hover .qbutton:hover { background-color: #30583b; border: 1px solid #dcffe6; color: #dcffe6; } /* ========================================================= BUTTON CENTER ========================================================= */ .Button-Center { text-align: center; } /* ========================================================= //////////////////////////////////////////////////////////// RANKING NUMBERS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= RANKING NUMBERS ========================================================= */ .numberCircle { border-radius: 50%; behavior: url(PIE.htc); position: relative; background: #000000; border: 5px solid #AA915C; color: #ffffff; text-align: center; vertical-align: middle; display: flex; align-items: center; justify-content: center; flex-direction: column; } /* ========================================================= RANKING CIRCLE SIZE ========================================================= */ .numberCircle { width: 50px; height: 50px; padding: 8px; } @media (min-width: 600px) { .numberCircle { width: 60px; height: 60px; padding: 10px; } } @media (min-width: 900px) { .numberCircle { width: 60px; height: 60px; padding: 10px; } } @media (min-width: 1200px) { .numberCircle { width: 80px; height: 80px; padding: 12px; } } @media (min-width: 1800px) { .numberCircle { width: 80px; height: 80px; padding: 15px; } } @media (min-width: 2100px) { .numberCircle { width: 75px; height: 75px; padding: 20px; } } /* ========================================================= RANKING Logos ========================================================= */ .Ranking-Image { height: 10vh; display: flex; flex-direction: column; justify-content: center; padding-bottom: 5vh; } .Ranking-Image-Width img { width: 20vw; } @media (min-width: 500px){ .Ranking-Image-Width img { width: 5vw; } } @media (min-width: 768px){ .Ranking-Image-Width img { width: 5vw; } } @media (min-width: 900px){ .Ranking-Image-Width img { width: 5vw; } } @media (min-width: 1200px){ .Ranking-Image-Width img { width: 5vw; } } @media (min-width: 1800px){ .Ranking-Image-Width img { width: 5vw; } } /* ========================================================= //////////////////////////////////////////////////////////// RANKING FONT SIZES //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================================== RANKING PARAGRAPH ========================================================================== */ .TS-Ranking p { font-size: 8px !important; color: #ffffff !important; } @media (min-width: 768px){ .TS-Ranking p { font-size: 10px !important; } } @media (min-width: 900px){ .TS-Ranking p { font-size: 10px !important; } } @media (min-width: 1200px){ .TS-Ranking p { font-size: 12px !important; } } @media (min-width: 1800px){ .TS-Ranking p { font-size: 14px !important; } } /* ========================================================================== GENERIC H3 ========================================================================== */ .TS-Ranking h3 { font-size: 18px !important; font-weight: 400 !important; color: #FBE683 !important; font-family: "Playfair Display", Baskerville !important; } @media (min-width: 768px){ .TS-Ranking h3 { font-size: 18px !important; } } @media (min-width: 900px){ .TS-Ranking h3 { font-size: 18px !important; } } @media (min-width: 1200px){ .TS-Ranking h3 { font-size: 24px !important; } } @media (min-width: 1800px){ .TS-Ranking h3 { font-size: 32px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// BRANDING //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= BACKGROUND IMAGE ========================================================= */ .BG-Image-Horse { background-image: url(/wp-content/uploads/2019/06/logo-bg.jpg); } /* ========================================================= BRANDING BANNER NORMAL PAGE ========================================================= */ .Banner-Image { text-align: center !important; } .Banner-Image img { width: 50vw !important; } @media (min-width: 500px){ .Banner-Image img { width: 50vw !important; } } @media (min-width: 768px){ .Banner-Image img { width: 25vw !important; } } @media (min-width: 900px){ .Banner-Image img { width: 25vw !important; } } @media (min-width: 1200px){ .Banner-Image img { width: 25vw !important; } } @media (min-width: 1800px){ .Banner-Image img { width: 25vw !important; } } /* ========================================================= BRANDING BANNER SIDE SECTION ========================================================= */ .Banner-Image-Side { text-align: center !important; } .Banner-Image-Side { opacity: 0.8; } .Banner-Image-Side img { width: 15vw !important; } @media (min-width: 500px){ .Banner-Image-Side img { width: 15vw !important; } } @media (min-width: 768px){ .Banner-Image-Side img { width: 15vw !important; } } @media (min-width: 900px){ .Banner-Image-Side img { width: 15vw !important; } } @media (min-width: 1200px){ .Banner-Image-Side img { width: 20vw !important; } } @media (min-width: 1800px){ .Banner-Image-Side img { width: 20vw !important; } } /* ========================================================= BRANDING BANNER NEST ========================================================= */ .Banner-Image-Nest { opacity: 0.8; } .Banner-Image-Nest img { width: 15vw !important; } @media (min-width: 500px){ .Banner-Image-Nest img { width: 15vw !important; } } @media (min-width: 768px){ .Banner-Image-Nest img { width: 15vw !important; } } @media (min-width: 900px){ .Banner-Image-Nest img { width: 15vw !important; } } @media (min-width: 1200px){ .Banner-Image-Nest img { width: 20vw !important; } } @media (min-width: 1800px){ .Banner-Image-Nest img { width: 20vw !important; } } /* ========================================================= BRANDING BANNER FOOTER ========================================================= */ .Footer-Badge { opacity: 0.8; } .Footer-Badge img { width: 15vw !important; } @media (min-width: 500px){ .Footer-Badge img { width: 15vw !important; } } @media (min-width: 768px){ .Footer-Badge img { width: 15vw !important; } } @media (min-width: 900px){ .Footer-Badge img { width: 30vw !important; } } @media (min-width: 1200px){ .Footer-Badge img { width: 30vw !important; } } @media (min-width: 1800px){ .Footer-Badge img { width: 30vw !important; } } /* ========================================================= //////////////////////////////////////////////////////////// WHITE- SOLID OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= 1.0 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans10-MB { background: rgba(255, 255, 255, 1.0); } } @media (min-width: 768px) { .BG255-Trans10-DT { background: rgba(255, 255, 255, 1.0); } } /* ========================================================= 0.9 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans09-MB { background: rgba(255, 255, 255, 0.9); } } @media (min-width: 768px) { .BG255-Trans09-DT { background: rgba(255, 255, 255, 0.9); } } /* ========================================================= 0.7 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans07-MB { background: rgba(255, 255, 255, 0.7); } } @media (min-width: 768px) { .BG255-Trans07-DT { background: rgba(255, 255, 255, 0.7); } } /* ========================================================= 0.5 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans05-MB { background: rgba(255, 255, 255, 0.5); } } @media (min-width: 768px) { .BG255-Trans05-DT { background: rgba(255, 255, 255, 0.5); } } /* ========================================================= 0.3 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans03-MB { background: rgba(255, 255, 255, 0.3); } } @media (min-width: 768px) { .BG255-Trans03-DT { background: rgba(255, 255, 255, 0.3); } } /* ========================================================= 0.1 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans01-MB { background: rgba(255, 255, 255, 0.1); } } @media (min-width: 768px) { .BG255-Trans01-DT { background: rgba(255, 255, 255, 0.1); } } /* ========================================================= //////////////////////////////////////////////////////////// WHITE - SOLID OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= 1.0 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans10-MB { background: rgba(255, 255, 255, 1.0); } } @media (min-width: 768px) { .BG255-Trans10-DT { background: rgba(255, 255, 255, 1.0); } } /* ========================================================= 0.9 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans09-MB { background: rgba(255, 255, 255, 0.9); } } @media (min-width: 768px) { .BG255-Trans09-DT { background: rgba(255, 255, 255, 0.9); } } /* ========================================================= 0.7 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans07-MB { background: rgba(255, 255, 255, 0.7); } } @media (min-width: 768px) { .BG255-Trans07-DT { background: rgba(255, 255, 255, 0.7); } } /* ========================================================= 0.5 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans05-MB { background: rgba(255, 255, 255, 0.5); } } @media (min-width: 768px) { .BG255-Trans05-DT { background: rgba(255, 255, 255, 0.5); } } /* ========================================================= 0.3 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans03-MB { background: rgba(255, 255, 255, 0.3); } } @media (min-width: 768px) { .BG255-Trans03-DT { background: rgba(255, 255, 255, 0.3); } } /* ========================================================= 0.1 - WHITE ========================================================= */ @media (max-width: 767px) { .BG255-Trans01-MB { background: rgba(255, 255, 255, 0.1); } } @media (min-width: 768px) { .BG255-Trans01-DT { background: rgba(255, 255, 255, 0.1); } } /* ========================================================= //////////////////////////////////////////////////////////// GRADIENT OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS - WHITE //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 1.0 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans10-Start0-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans10-Start0-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 1.0 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans10-Start0-End50-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 50%); } } @media (min-width: 768px) { .Deg0-BG255-Trans10-Start0-End50-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.5 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start0-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start0-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.5 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start0-End50-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 50%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start0-End50-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.3 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start0-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start0-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.3 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start0-End50-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 50%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start0-End50-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS - WHITE //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans10-Start0-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans10-Start0-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans10-Start0-End50-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 50%); } } @media (min-width: 768px) { .Deg180-BG255-Trans10-Start0-End50-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans07-Start0-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans07-Start0-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans07-Start0-End50-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.7) 50%); } } @media (min-width: 768px) { .Deg180-BG255-Trans07-Start0-End50-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.7) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start0-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start0-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start0-End50-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 50%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start0-End50-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start0-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start0-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start0-End50-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 50%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start0-End50-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 25% - 0 DEGS - (BOTTOM to TOP) //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 1.0 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans10-Start25-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans10-Start25-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.7 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans07-Start25-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.7) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans07-Start25-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.5 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start25-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start25-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.3 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start25-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start25-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 50% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 1.0 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans10-Start50-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans10-Start50-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.7 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans07-Start50-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.7) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans07-Start50-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.5 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start50-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start50-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.3 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start50-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start50-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 75% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 1.0 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans10-Start75-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans10-Start75-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.7 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans07-Start75-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.7) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans07-Start75-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS ((BOTTOM to TOP) - TRANSPARENT 0.5 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start75-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start75-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.3 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG255-Trans05-Start75-End100-MB { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG255-Trans05-Start75-End100-DT { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 25% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans10-Start25-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans10-Start25-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans07-Start25-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans07-Start25-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start25-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start25-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start25-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start25-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 25%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 50% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans10-Start50-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans10-Start50-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans07-Start50-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans07-Start50-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start50-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start50-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start50-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start50-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 75% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans10-Start75-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans10-Start75-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans07-Start75-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans07-Start75-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans05-Start75-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans05-Start75-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG255-Trans03-Start75-End100-MB { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG255-Trans03-Start75-End100-DT { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.0) 75%, rgba(255, 255, 255, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// BLACK - SOLID OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= 1.0 - BLACK ========================================================= */ @media (max-width: 767px) { .BG000-Trans10-MB { background: rgba(0, 0, 0, 1.0); } } @media (max-width: 991px) { .BG000-Trans10-IP { background: rgba(0, 0, 0, 1.0); } } @media (min-width: 992px) { .BG000-Trans10-DT { background: rgba(0, 0, 0, 1.0); } } /* ========================================================= 0.9 - BLACK ========================================================= */ @media (max-width: 767px) { .BG000-Trans09-MB { background: rgba(0, 0, 0, 0.9); } } @media (max-width: 991px) { .BG000-Trans09-IP { background: rgba(0, 0, 0, 0.9); } } @media (min-width: 992px) { .BG000-Trans09-DT { background: rgba(0, 0, 0, 0.9); } } /* ========================================================= 0.7 - BLACK ========================================================= */ @media (max-width: 767px) { .BG000-Trans07-MB { background: rgba(0, 0, 0, 0.7); } } @media (max-width: 991px) { .BG000-Trans07-IP { background: rgba(0, 0, 0, 0.7); } } @media (min-width: 992px) { .BG000-Trans07-DT { background: rgba(0, 0, 0, 0.7); } } /* ========================================================= 0.5 - BLACK ========================================================= */ @media (max-width: 767px) { .BG000-Trans05-MB { background: rgba(0, 0, 0, 0.5); } } @media (max-width: 991px) { .BG000-Trans05-IP { background: rgba(0, 0, 0, 0.5); } } @media (min-width: 992px) { .BG000-Trans05-DT { background: rgba(0, 0, 0, 0.5); } } /* ========================================================= 0.3 - BLACK ========================================================= */ @media (max-width: 767px) { .BG000-Trans03-MB { background: rgba(0, 0, 0, 0.3); } } @media (max-width: 991px) { .BG000-Trans03-IP { background: rgba(0, 0, 0, 0.3); } } @media (min-width: 992px) { .BG000-Trans03-DT { background: rgba(0, 0, 0, 0.3); } } /* ========================================================= 0.1 - BLACK ========================================================= */ @media (max-width: 767px) { .BG000-Trans01-MB { background: rgba(0, 0, 0, 0.1); } } @media (max-width: 991px) { .BG000-Trans01-IP { background: rgba(0, 0, 0, 0.1); } } @media (min-width: 992px) { .BG000-Trans01-DT { background: rgba(0, 0, 0, 0.1); } } /* ========================================================= //////////////////////////////////////////////////////////// GRADIENT OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS - BLACK //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 1.0 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans10-Start0-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans10-Start0-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 1.0 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans10-Start0-End50-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 50%); } } @media (min-width: 768px) { .Deg0-BG000-Trans10-Start0-End50-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.5 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start0-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start0-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.5 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start0-End50-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 50%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start0-End50-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.3 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start0-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start0-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM TO TOP) - TRANSPARENT 0.3 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start0-End50-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 50%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start0-End50-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS - BLACK //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans10-Start0-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans10-Start0-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans10-Start0-End50-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 50%); } } @media (min-width: 768px) { .Deg180-BG000-Trans10-Start0-End50-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans07-Start0-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans07-Start0-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans07-Start0-End50-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 50%); } } @media (min-width: 768px) { .Deg180-BG000-Trans07-Start0-End50-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.7) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start0-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start0-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start0-End50-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 50%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start0-End50-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - ENDS at 100% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start0-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start0-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - ENDS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start0-End50-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 50%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start0-End50-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 50%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 25% - 0 DEGS - (BOTTOM to TOP) //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 1.0 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans10-Start25-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans10-Start25-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.7 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans07-Start25-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.7) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans07-Start25-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.5 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start25-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start25-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.3 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start25-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start25-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 50% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 1.0 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans10-Start50-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans10-Start50-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.7 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans07-Start50-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.7) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans07-Start50-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.5 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start50-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start50-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.3 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start50-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start50-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 75% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 1.0 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans10-Start75-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans10-Start75-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.7 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans07-Start75-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.7) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans07-Start75-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS ((BOTTOM to TOP) - TRANSPARENT 0.5 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start75-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start75-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 0 DEGS (BOTTOM to TOP) - TRANSPARENT 0.3 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg0-BG000-Trans05-Start75-End100-MB { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg0-BG000-Trans05-Start75-End100-DT { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 25% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans10-Start25-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans10-Start25-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans07-Start25-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans07-Start25-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start25-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start25-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - STARTS at 25% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start25-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start25-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 50% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans10-Start50-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans10-Start50-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans07-Start50-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans07-Start50-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start50-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start50-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - STARTS at 50% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start50-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start50-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// STARTS at 75% //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 1.0 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans10-Start75-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 1.0) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans10-Start75-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 1.0) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.7 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans07-Start75-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.7) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans07-Start75-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.7) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.5 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans05-Start75-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.5) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans05-Start75-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.5) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// 180 DEGS (TOP TO BOTTOM) - TRANSPARENT 0.3 - STARTS at 75% IN //////////////////////////////////////////////////////////// ========================================================= */ @media (max-width: 767px) { .Deg180-BG000-Trans03-Start75-End100-MB { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.3) 100%); } } @media (min-width: 768px) { .Deg180-BG000-Trans03-Start75-End100-DT { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.3) 100%); } } /* ========================================================= //////////////////////////////////////////////////////////// GREEN SOLID OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= 0.3 GREEN ========================================================= */ @media (max-width: 767px) { .BG-Dark-Green-03-10-MB { background-color: rgba(0,66,37,0.3); } } @media (min-width: 768px) { .BG-Dark-Green-03-10-DT { background-color: rgba(0,66,37,0.3); } } /* ========================================================= 0.5 GREEN ========================================================= */ @media (max-width: 767px) { .BG-Dark-Green-05-10-MB { background-color: rgba(0,66,37,0.5); } } @media (min-width: 768px) { .BG-Dark-Green-05-10-DT { background-color: rgba(0,66,37,0.5); } } /* ========================================================= 0.7 GREEN ========================================================= */ @media (max-width: 767px) { .BG-Dark-Green-07-10-MB { background-color: rgba(0,66,37,0.7); } } @media (min-width: 768px) { .BG-Dark-Green-07-10-DT { background-color: rgba(0,66,37,0.7); } } /* ========================================================= 0.9 GREEN ========================================================= */ @media (max-width: 767px) { .BG-Dark-Green-09-10-MB { background-color: rgba(0,66,37,0.9); } } @media (min-width: 768px) { .BG-Dark-Green-09-10-DT { background-color: rgba(0,66,37,0.9); } } /* ========================================================= 1.0 GREEN ========================================================= */ @media (max-width: 767px) { .BG-Dark-Green-09-10-MB { background-color: rgba(0,66,37,1.0); } } @media (min-width: 768px) { .BG-Dark-Green-09-10-DT { background-color: rgba(0,66,37,1.0); } } /* ========================================================= //////////////////////////////////////////////////////////// BRANDING OVERLAYS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= LIGHT GREY ========================================================= */ .BG-Color-Light-Grey { background-color: #f1f1f1 !important; } /* ========================================================= Blue ========================================================= */ .BG-Color-Blue { background-color: #252f4e !important; } /* ========================================================= GREEN ========================================================= */ .BG-Banding-LG { background-color: #d9e8e1; } .BG-White-LG { background-color: #ffffff; } /* ========================================================= //////////////////////////////////////////////////////////// RESULTS TABLE //////////////////////////////////////////////////////////// ========================================================= */ .OR-H100-VH-Results-Table > .full_section_inner { height: 100vh !important; } .H100-VH-Results-Table { height: 100vh !important; } .Results-Table-OC .vc_column-inner { } @media (max-width: 500px) { .Results-Table-OC p{ font-size: 10px !important; } } /* ========================================================= Results TABLE LEFT ========================================================= */ .Results-Table-Colomn-Left { } .Results-Table-Colomn-Left .vc_column-inner { padding-right: 0!important; } .Results-Table-Colomn-Left p { padding: 0 0 0 1vw !important; } @media (max-width: 500px) { .Results-Table-Colomn-Left .vc_column-inner { padding-left: 0!important; } } /* ========================================================= Results TABLE CENTER ========================================================= */ .Results-Table-Colomn-Center { } .Results-Table-Colomn-Center .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= Results TABLE RIGHT ========================================================= */ .Results-Table-Colomn-Right { } .Results-Table-Colomn-Right .vc_column-inner { padding-left: 0!important; } @media (max-width: 500px) { .Results-Table-Colomn-Right .vc_column-inner { padding-right: 0!important; } } /* ========================================================= Results TABLE CELLS ========================================================= */ .Results-Table-Header { padding: 2vh 0 2vh 0 !important; background-color: rgba(0,66,37,1.0); /* background-color: rgba(0,41,23,1.0); Darker Font Color */ } .Results-Table-Info { padding: 2vh 0 2vh 0 !important; background-color: rgba(0,66,37,0.5); } /* ========================================================= //////////////////////////////////////////////////////////// OVERLAY Results TABLE //////////////////////////////////////////////////////////// ========================================================= */ .Overlay-Results-Table-OC .vc_column-inner { } @media (max-width: 350px) { .Overlay-Results-Table-OC p{ font-size: 10px !important; } } @media (min-width: 351px) and (max-width: 400px) { .Overlay-Results-Table-OC p{ font-size: 12px !important; } } /* ========================================================= OVERLAY Results TABLE LEFT ========================================================= */ .Overlay-Results-Table-Colomn-Left { } .Overlay-Results-Table-Colomn-Left .vc_column-inner { padding-right: 0!important; } .Overlay-Results-Table-Colomn-Left p { padding: 0 0 0 1vw !important; } @media (max-width: 500px) { .Overlay-Results-Table-Colomn-Left .vc_column-inner { padding-left: 0!important; } } /* ========================================================= OVERLAY Results TABLE CENTER ========================================================= */ .Overlay-Results-Table-Colomn-Center { } .Overlay-Results-Table-Colomn-Center .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= OVERLAY Results TABLE RIGHT ========================================================= */ .Overlay-Results-Table-Colomn-Right { } .Overlay-Results-Table-Colomn-Right .vc_column-inner { padding-left: 0!important; } @media (max-width: 500px) { .Overlay-Results-Table-Colomn-Right .vc_column-inner { padding-right: 0!important; } } /* ========================================================= OVERLAY Results TABLE CELLS ========================================================= */ .Overlay-Results-Table-Header { padding: 2vh 0 2vh 0 !important; background-color: #39423e; /* background-color: rgba(0,66,37,1.0); */ /* background-color: rgba(0,41,23,1.0); Darker Font Color */ } .Overlay-Results-Table-Info { padding: 2vh 0 2vh 0 !important; height: 5vh; /* background-color: rgba(0,66,37,0.5); */ } .Overlay-Results-Table-Header, .Overlay-Results-Table-Info { height: 5em !important; } /* ========================================================= //////////////////////////////////////////////////////////// YARDAGE TABLE //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= TABLE BACKGROUND ========================================================= */ @media (max-width: 767px) { .Yardage-Table-BG-MB { background-color: rgba(0,0,0,0.3); } } @media (min-width: 768px) { .Yardage-Table-BG-DT { background-color: rgba(0,0,0,0.1); } } /* ========================================================= PLANNER BACKGROUND ========================================================= */ @media (max-width: 991px) { .Yardage-Planner-BG-05-MB { background-color: rgba(255,255,255,0.5); } } @media (min-width: 992px) { .Yardage-Planner-BG-05-DT { background-color: rgba(255,255,255,0.5); } } @media (max-width: 991px) { .Yardage-Planner-BG-10-MB { background-color: rgba(255,255,255,1.0); } } @media (min-width: 992px) { .Yardage-Planner-BG-10-DT { background-color: rgba(255,255,255,1.0); } } /* ========================================================= TABLE OC ========================================================= */ .OC-Yardage-Left .vc_column-inner { padding: 0 0 0 0 !important; } .OC-Yardage-Center .vc_column-inner { padding: 0 0 0 0 !important; } .OC-Yardage-Right .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= HEADER TABLE CELLS ========================================================= */ .Yardage-Left-Header { padding: 2vh 0 2vh 1vw !important; } .Yardage-Center-Header { padding: 2vh 0 2vh 0 !important; } .Yardage-Right-Header { padding: 2vh 0 2vh 0 !important; } /* .Yardage-Left-Header, .Yardage-Center-Header, .Yardage-Right-Header { height: 5em !important; } */ /* ========================================================= HEADER COLOR ========================================================= */ .Yardage-Left-Header, .Yardage-Center-Header, .Yardage-Right-Header { background-color: rgba(0,0,0,0.5); } .Yardage-Left-Info, .Yardage-Center-Info, .Yardage-Right-Info { background-color: rgba(0,0,0,0.3); } /* ========================================================= HEADER TABLE CELLS ========================================================= */ .Yardage-Left-Info p { padding: 2vh 0 2vh 1vw !important; } .Yardage-Center-Info p { padding: 2vh 0 2vh 0 !important; } .Yardage-Right-Info p { padding: 2vh 0 2vh 0 !important; } /* ========================================================= BORDER BOTTOM ========================================================= */ .Yardage-Left-Header, .Yardage-Center-Header, .Yardage-Right-Header, .Yardage-Left-Info, .Yardage-Center-Info, .Yardage-Right-Info { border-bottom: 1px solid rgba(255,255,255,0.3); } /* ========================================================= HEADER TEXT SIZE ========================================================= */ .Yardage-Left-Header p, .Yardage-Center-Header p, .Yardage-Right-Header p { font-size: 12px !important; } @media (min-width: 350px){ .Yardage-Left-Header p, .Yardage-Center-Header p, .Yardage-Right-Header p { font-size: 12px !important; } } @media (min-width: 400px){ .Yardage-Left-Header p, .Yardage-Center-Header p, .Yardage-Right-Header p { font-size: 12px !important; } } @media (min-width: 768px){ .Yardage-Left-Header p, .Yardage-Center-Header p, .Yardage-Right-Header p { font-size: 20px !important; } } @media (min-width: 900px){ .Yardage-Left-Header p, .Yardage-Center-Header p, .Yardage-Right-Header p { font-size: 22px !important; } } @media (min-width: 1200px){ .Yardage-Left-Header p, .Yardage-Center-Header p, .Yardage-Right-Header p { font-size: 24px !important; } } @media (min-width: 1800px){ .Yardage-Left-Header p, .Yardage-Center-Header p, .Yardage-Right-Header p { font-size: 30px !important; } } /* ========================================================= INFO TEXT SIZE ========================================================= */ .Yardage-Left-Info p, .Yardage-Center-Info p, .Yardage-Right-Info p { font-size: 12px !important; } @media (min-width: 350px){ .Yardage-Left-Info p, .Yardage-Center-Info p, .Yardage-Right-Info p { font-size: 12px !important; } } @media (min-width: 400px){ .Yardage-Left-Info p, .Yardage-Center-Info p, .Yardage-Right-Info p { font-size: 12px !important; } } @media (min-width: 768px){ .Yardage-Left-Info p, .Yardage-Center-Info p, .Yardage-Right-Info p { font-size: 12px !important; } } @media (min-width: 900px){ .Yardage-Left-Info p, .Yardage-Center-Info p, .Yardage-Right-Info p { font-size: 12px !important; } } @media (min-width: 1200px){ .Yardage-Left-Info p, .Yardage-Center-Info p, .Yardage-Right-Info p { font-size: 16px !important; } } @media (min-width: 1800px){ .Yardage-Left-Info p, .Yardage-Center-Info p, .Yardage-Right-Info p { font-size: 18px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// BRANDING TABLE //////////////////////////////////////////////////////////// ========================================================= */ .OR-H100-VH-Branding-Table > .full_section_inner { height: 100vh !important; } .H100-VH-Branding-Table { height: 100vh !important; } .Branding-Table-OC .vc_column-inner { } @media (max-width: 500px) { .Branding-Table-OC p{ font-size: 10px !important; } } /* ========================================================= BRANDING TABLE LEFT ========================================================= */ .Branding-Table-Colomn-Left { } .Branding-Table-Colomn-Left .vc_column-inner { padding-right: 0!important; } .Branding-Table-Colomn-Left p { padding: 0 0 0 1vw !important; } @media (max-width: 500px) { .Branding-Table-Colomn-Left .vc_column-inner { padding-left: 0!important; } } /* ========================================================= BRANDING TABLE CENTER ========================================================= */ .Branding-Table-Colomn-Center { } .Branding-Table-Colomn-Center .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= BRANDING TABLE RIGHT ========================================================= */ .Branding-Table-Colomn-Right { } .Branding-Table-Colomn-Right .vc_column-inner { padding-left: 0!important; } @media (max-width: 500px) { .Branding-Table-Colomn-Right .vc_column-inner { padding-right: 0!important; } } /* ========================================================= BRANDING TABLE CELLS ========================================================= */ .Branding-Table-Header { padding: 2vh 0 2vh 0 !important; background-color: rgba(0,66,37,1.0); /* background-color: rgba(0,41,23,1.0); Darker Font Color */ } .Branding-Table-Info { padding: 2vh 0 2vh 0 !important; background-color: rgba(0,66,37,0.5); } /* ========================================================= //////////////////////////////////////////////////////////// OVERLAY BRANDING TABLE //////////////////////////////////////////////////////////// ========================================================= */ .Overlay-Branding-Table-OC .vc_column-inner { } @media (max-width: 350px) { .Overlay-Branding-Table-OC p{ font-size: 10px !important; } } @media (min-width: 351px) and (max-width: 400px) { .Overlay-Branding-Table-OC p{ font-size: 12px !important; } } /* ========================================================= OVERLAY BRANDING TABLE LEFT ========================================================= */ .Overlay-Branding-Table-Colomn-Left { } .Overlay-Branding-Table-Colomn-Left .vc_column-inner { padding-right: 0!important; } .Overlay-Branding-Table-Colomn-Left p { padding: 0 0 0 1vw !important; } @media (max-width: 500px) { .Overlay-Branding-Table-Colomn-Left .vc_column-inner { padding-left: 0!important; } } /* ========================================================= OVERLAY BRANDING TABLE CENTER ========================================================= */ .Overlay-Branding-Table-Colomn-Center { } .Overlay-Branding-Table-Colomn-Center .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= OVERLAY BRANDING TABLE RIGHT ========================================================= */ .Overlay-Branding-Table-Colomn-Right { } .Overlay-Branding-Table-Colomn-Right .vc_column-inner { padding-left: 0!important; } @media (max-width: 500px) { .Overlay-Branding-Table-Colomn-Right .vc_column-inner { padding-right: 0!important; } } /* ========================================================= OVERLAY BRANDING TABLE CELLS ========================================================= */ .Overlay-Branding-Table-Header { padding: 2vh 0 2vh 0 !important; margin-bottom: 2vh !important; background-color: #252f4e; /* background-color: rgba(0,66,37,1.0); */ /* background-color: rgba(0,41,23,1.0); Darker Font Color */ } .Overlay-Branding-Table-Info, .Overlay-Branding-Table-Info-Left { /* padding: 1vh 0 1vh 0 !important; */ /* background-color: rgba(0,66,37,0.5); */ } /* ========================================================= OVERLAY BRANDING TABLE CELLS - LINE HEIGHT ========================================================= */ .Overlay-Branding-Table-Info { height: 40px !important; } @media (min-width: 900px){ .Overlay-Branding-Table-Info { height: 40px !important; } } /* ========================================================= OVERLAY BRANDING TABLE CELLS - LINE HEIGHT ========================================================= */ .Overlay-Branding-Table-Info-Left { height: 40px !important; } @media (min-width: 900px){ .Overlay-Branding-Table-Info-Left { height: 40px !important; } } /* ========================================================= //////////////////////////////////////////////////////////// BRANDING OUTER COLUMN //////////////////////////////////////////////////////////// ========================================================= */ .Branding-OC .vc_column-inner { padding: 0 0 0 0 !important; } /* ========================================================= //////////////////////////////////////////////////////////// BRANDING WRAP //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= WRAP PINK - 1.0 ========================================================= */ .Wrap-Pink-10 { background-color: rgba(191, 102, 152,1.0); } /* ========================================================= WRAP PINK - 0.7 ========================================================= */ .Wrap-Pink-07 { background-color: rgba(191, 102, 152,0.7); } /* ========================================================= //////////////////////////////////////////////////////////// BRANDING FIRST LETTER //////////////////////////////////////////////////////////// ========================================================= */ .Branding-Lower-First-Letter { font-size: 150% !important; } .Branding-Lower-Letter { font-size: 100% !important; } .Branding-First-Letter { font-size: 150% !important; } /* ========================================================= //////////////////////////////////////////////////////////// BACKGROUND TEST //////////////////////////////////////////////////////////// ========================================================= */ .BG-Color-Red { background-color: red; } /* ========================================================= //////////////////////////////////////////////////////////// HOMEPAGE FIX //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= OUTER ROW FOR FULLPAGE ========================================================= */ .OR-H100-Homepage, .OR-H100-Homepage .full_section_inner { height: 100% !important; display: flex; align-items: stretch; flex-direction: column; } /* ========================================================= OUTER ROW FOR BUTTONS - OVERIDE ========================================================= */ .OR-H100-Homepage-Buttons, .OR-H100-Homepage-Buttons .full_section_inner { flex-direction: row; } /* ========================================================= //////////////////////////////////////////////////////////// HOMEPAGE MARGINS //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= HOMEPAGE BUTTON MARGINS - 0 ========================================================= */ .Homepage-Button-Margin-0-MB { margin-left: 0% !important; width: 100% !important; } @media (min-width: 768px){ .Homepage-Button-Margin-0-IP { margin-left: 0% !important; width: 100% !important; } } @media (min-width: 1200px){ .Homepage-Button-Margin-0-DT { margin-left: 0% !important; width: 100% !important; } } /* ========================================================= HOMEPAGE BUTTON MARGINS - 25 ========================================================= */ .Homepage-Button-Margin-25-MB { margin-left: 25% !important; width: 75% !important; } @media (min-width: 768px){ .Homepage-Button-Margin-25-IP { margin-left: 25% !important; width: 75% !important; } } @media (min-width: 1200px){ .Homepage-Button-Margin-25-DT { margin-left: 25% !important; width: 75% !important; } } /* ========================================================= HOMEPAGE BUTTON MARGINS - 50 ========================================================= */ .Homepage-Button-Margin-50-MB { margin-left: 50% !important; width: 50% !important; } @media (min-width: 768px){ .Homepage-Button-Margin-50-IP { margin-left: 50% !important; width: 50% !important; } } @media (min-width: 1200px){ .Homepage-Button-Margin-50-DT { margin-left: 50% !important; width: 50% !important; } } /* ========================================================= HOMEPAGE BUTTON MARGINS - 75 ========================================================= */ .Homepage-Button-Margin-75-MB { margin-left: 75% !important; width: 25% !important; } @media (min-width: 768px){ .Homepage-Button-Margin-75-IP { margin-left: 75% !important; width: 25% !important; } } @media (min-width: 1200px){ .Homepage-Button-Margin-75-DT { margin-left: 75% !important; width: 25% !important; } } /* ========================================================= //////////////////////////////////////////////////////////// PRO SHOP IFRAME //////////////////////////////////////////////////////////// ========================================================= */ .Pro-Shop-Iframe-Container { position: relative; overflow: hidden; padding-top: 56.25%; } .Pro-Shop-Iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* ========================================================= //////////////////////////////////////////////////////////// FULL PAGE VIDEO BACKGROUND //////////////////////////////////////////////////////////// ========================================================= */ /* rs-fullwidth-wrap { height: 90vh !important; } */ .player .vp-unmute { display: none; } .mute-cross { display: none; } /* ========================================================= //////////////////////////////////////////////////////////// JUMBO MENU //////////////////////////////////////////////////////////// ========================================================= */ /* ========================================================= JUMBO - MENU WORD - BUTTON ========================================================= */ .jumbo-menu-button-label::before { position: absolute; bottom: 23px; left: -140px; right: 0; margin: 0 auto; text-align: center; color: #fff; font-family: 'Playfair Display',arial,tahoma,verdana; font-weight: 200; font-size: 24px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; } /* ========================================================= JUMBO - HAMBURGER ========================================================= */ .jumbo-menu-button::before, .jumbo-menu-button::after, .jumbo-menu-button div.jumbo-menu-button-middle { height: 3px; } /* ========================================================= JUMBO - MAIN PADDING ========================================================= */ .jumbo-by-bonfire { padding-top: 50px !important; padding-bottom: 50px !important; } @media (min-width: 1800px){ .jumbo-by-bonfire { padding-top: 100px !important; padding-bottom: 100px !important; } } /* ========================================================= JUMBO - LOGO PADDING ========================================================= */ .jumbo-heading-image-wrapper { margin: 0px 50px 0px 50px !important; } /* ========================================================= JUMBO - LOGO SIZE ========================================================= */ .jumbo-heading-image-wrapper img { /* min-width: 75px !important; */ /* width: 75px !important; */ } @media (min-width: 350px){ .jumbo-heading-image-wrapper img { min-width: 75px !important; width: 75px !important; } } @media (min-width: 400px){ .jumbo-heading-image-wrapper img { min-width: 75px !important; width: 75px !important; } } @media (min-width: 768px){ .jumbo-heading-image-wrapper img { min-width: 75px !important; width: 75px !important; } } @media (min-width: 900px){ .jumbo-heading-image-wrapper img { min-width: 75px !important; width: 75px !important; } } @media (min-width: 1200px){ .jumbo-heading-image-wrapper img { min-width: 75px !important; width: 75px !important; } } @media (min-width: 1800px){ .jumbo-heading-image-wrapper img { min-width: 150px !important; width: 150px !important; } } .jumbo-by-bonfire ul { margin: 5px !important; } /* ========================================================= JUMBO - COLUMN STACK MARGIN ========================================================= */ @media (max-width: 1280px){ .jumbo-by-bonfire-column .menu > li { margin: 0 0px 50px 0px !important; min-width: 230px !important; } } /* ========================================================= JUMBO - ABOVE LINK DESCRIPTION ========================================================= */ .bonfire-jumbo-main-desc { color: #b6a061 !important; /* color: #a56f54 !important; */ } /* ========================================================= JUMBO - MAIN LINK ========================================================= */ .jumbo-by-bonfire .menu > li > a { color: #b6a061 !important; cursor: default !important; } /* ========================================================= JUMBO - SEPARATOR IMAGE ========================================================= */ .jumbo-by-bonfire-column .menu > li > a::before { pointer-events: none; content: ''; position: absolute; display: block; bottom: -41px; left: 0; width: 100%; height: 35px; background-image: url(https://www.royalcinqueports.com/wp-content/uploads/2020/11/RCPGC-Main-Logo-Gold-100.png); background-size: 50px 35px; background-repeat: no-repeat; background-position: center center; opacity: 1.0; } /* ========================================================= JUMBO - SEPARATOR LINE ========================================================= */ .jumbo-by-bonfire-column .menu > li > a::after { pointer-events: none; content: ''; position: absolute; display: block; bottom: -42px; left: 0; width: 100%; height: 28px; background-image: url(https://www.royalcinqueports.com/wp-content/plugins/jumbo-by-bonfire/images/divider-line-gold.svg); background-repeat: no-repeat; background-position: center center; opacity: 0.5; } /* ========================================================= JUMBO - 1st LEVEL LINKS ========================================================= */ .jumbo-by-bonfire .menu > li > a { -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 40px; line-height: 40px; font-family: 'raleway',arial,tahoma,verdana; font-weight: 200; color: #fff; } /* ========================================================= JUMBO - 2nd Level LINKS ========================================================= */ .jumbo-by-bonfire .sub-menu > li > a { font-family: 'Raleway',arial,tahoma,verdana; font-weight: 200; color: #fff; font-size: 16px; letter-spacing: 0.2em; } /* ========================================================= JUMBO - 2nd Level PADDING ========================================================= */ .jumbo-by-bonfire li { padding: 10px 0 10px 0; } @media (min-width: 1800px){ .jumbo-by-bonfire li { padding: 10px 0 10px 0; } } /* ========================================================= JUMBO - ITEM HIGHLIGHT ========================================================= */ .sub-menu #menu-item-172, .sub-menu #menu-item-173 { background-color: #b6a061 !important; } .sub-menu #menu-item-172 a, .sub-menu #menu-item-173 a { color: #ffffff !important; font-weight: 800 !important; } /* ========================================================= //////////////////////////////////////////////////////////// EVEREST TIMELINE //////////////////////////////////////////////////////////// ========================================================= */ .et-content p { padding-bottom: 1vh !important; } .et-ver-timeline-template-1 .et-all-contain-here { background: #252f4e; border: 1px solid #af942f; } .et-ver-timeline-template-1 .et-title, .et-ver-timeline-template-1 .et-title a { color: #af942f; } .et-ver-timeline-template-1 .et-all-contain-here:before { background: #af942f; border: 1px solid #252f4e; } .et-ver-timeline-template-1 .et-meta-wrap > div, .et-ver-timeline-template-1 .et-meta-wrap > div a { color: #af942f; font-family: 'Lato', sans-serif; } .et-content p { color: #ffffff !important; } .et-content-outer-wrap { display: none !important; } .et-ver-timeline-template-1 .et-timeline-date span { padding: 10px 24px; letter-spacing: 1px; color: #ffffff; background: #252f4e; border: 1px solid #af942f; font-size: 28px; border-radius: 2px; font-family: 'Lato', sans-serif; font-weight: 200; } .et-ver-timeline-template-1 .et-timeline-circle { margin-top: 12px; margin-left: -7px; border-radius: 50%; height: 16px; width: 16px; background-color: #252f4e; border: 3px solid #af942f; z-index: 1; } .et-ver-timeline-template-1 .et-timeline-line { border-right: 1px solid #252f4e; border-left: 1px solid #252f4e; } .et-load-more-template-2 a.et-load-more-trigger { padding: 20px 28px; font-size: 18px; font-weight: 200; color: #ffffff; background: #252f4e; text-transform: uppercase; border: 2px solid #eeefee; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* ========================================================= //////////////////////////////////////////////////////////// HEADER TOP AREA //////////////////////////////////////////////////////////// ========================================================= */ .header-right-widget { padding: 10px 200px 0 0 !important; } .header-right-widget a { font-size: 18px !important; padding: 0 50px 0 0 !important; } .header-right-widget a { color: #ffffff !important; } .header-right-widget a:hover { color: #ffffff !important; } /* ========================================================= //////////////////////////////////////////////////////////// BUTTONS //////////////////////////////////////////////////////////// ========================================================= */ .Homepage-Book-Button { margin: 50px 0 0 0; } /* ========================================================= WHITE BUTTON - TA L ========================================================= */ .Visit-Button-White-TA-L { margin: 5vh 2vw 5vh 2vw; line-height: 100px !important; width: 100% !important; background-color: #ffffff !important; color: #af942f !important; } .Visit-Button-White-TA-L .qode-button-v2-icon-holder { font-size: 28px; border-left: 1px solid #af942f !important; } .qode-btn.Visit-Button-White-TA-L { font-size: 20px !important; } .qode-btn.qode-btn-icon.Visit-Button-White-TA-L { height: 100px !important; } /* ========================================================= BLUE BUTTON - TA L ========================================================= */ .Visit-Button-Blue-TA-L { margin: 5vh 2vw 5vh 2vw; line-height: 100px !important; width: 100% !important; background-color: #252f4e !important; color: #af942f !important; } .Visit-Button-Blue-TA-L .qode-button-v2-icon-holder { font-size: 28px; border-left: 1px solid #af942f !important; } .qode-btn.Visit-Button-Blue-TA-L { font-size: 20px !important; } .qode-btn.qode-btn-icon.Visit-Button-Blue-TA-L { height: 100px !important; } /* ========================================================= BLUE BUTTON - TABLE ========================================================= */ .Visit-Button-Blue-TABLE { margin: 5vh 5vw 5vh 5vw; line-height: 100px !important; width: 80% !important; background-color: #252f4e !important; color: #af942f !important; } .Visit-Button-Blue-TABLE .qode-button-v2-icon-holder { font-size: 28px; border-left: 1px solid #af942f !important; } .qode-btn.Visit-Button-Blue-TABLE { font-size: 20px !important; } .qode-btn.qode-btn-icon.Visit-Button-Blue-TABLE { height: 100px !important; } </style> <link rel='stylesheet' id='js_composer_front-css' href='https://www.royalcinqueports.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=6.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-style-handle-google-fonts-css' href='https://fonts.googleapis.com/css?family=Raleway%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C300italic%2C400italic%2C700italic&subset=latin%2Clatin-ext&ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-core-dashboard-style-css' href='https://www.royalcinqueports.com/wp-content/plugins/bridge-core/modules/core-dashboard/assets/css/core-dashboard.min.css?ver=6.7.2' type='text/css' media='all' /> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/js/isotope.js?ver=2.0.6" id="et-isotope-script-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/js/jquery.bxslider.js?ver=2.0.6" id="et-bxslider-script-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/js/imagesloaded.min.js?ver=2.0.6" id="et-imageloaded-script-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/js/jquery.prettyPhoto.js?ver=2.0.6" id="et-lightbox-script-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/js/wow.js?ver=2.0.6" id="et-wow-script-js"></script> <script type="text/javascript" id="et-frontend-script-js-extra"> /* <![CDATA[ */ var et_frontend_js_params = {"ajax_url":"https:\/\/www.royalcinqueports.com\/wp-admin\/admin-ajax.php","ajax_nonce":"cc49894de1"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/everest-timeline/js/et-frontend.js?ver=2.0.6" id="et-frontend-script-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/revslider/public/assets/js/rbtools.min.js?ver=6.5.6" async id="tp-tools-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/revslider/public/assets/js/rs6.min.js?ver=6.5.6" async id="revmin-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/html5.js?ver=6.7.2" id="html5-js"></script> <link rel="https://api.w.org/" href="https://www.royalcinqueports.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.royalcinqueports.com/xmlrpc.php?rsd" /> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <meta name="generator" content="Powered by Slider Revolution 6.5.6 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <script type="text/javascript">function setREVStartSize(e){ //window.requestAnimationFrame(function() { window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW; window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH; try { var pw = document.getElementById(e.c).parentNode.offsetWidth, newh; pw = pw===0 || isNaN(pw) ? window.RSIW : pw; e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw); e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw); e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh); e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh); e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide); e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide); e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0); if(e.layout==="fullscreen" || e.l==="fullscreen") newh = Math.max(e.mh,window.RSIH); else{ e.gw = Array.isArray(e.gw) ? e.gw : [e.gw]; for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1]; e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el; e.gh = Array.isArray(e.gh) ? e.gh : [e.gh]; for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1]; var nl = new Array(e.rl.length), ix = 0, sl; e.tabw = e.tabhide>=pw ? 0 : e.tabw; e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw; e.tabh = e.tabhide>=pw ? 0 : e.tabh; e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh; for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i]; sl = nl[0]; for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;} var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]); newh = (e.gh[ix] * m) + (e.tabh + e.thumbh); } var el = document.getElementById(e.c); if (el!==null && el) el.style.height = newh+"px"; el = document.getElementById(e.c+"_wrapper"); if (el!==null && el) { el.style.height = newh+"px"; el.style.display = "block"; } } catch(e){ console.log("Failure at Presize of Slider:" + e) } //}); };</script> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> <body class="error404 bridge-core-2.9.2 qode-page-loading-effect-enabled hide_top_bar_on_mobile_header qode-theme-ver-27.6 qode-theme-bridge disabled_footer_top wpb-js-composer js-comp-ver-6.7.0 vc_responsive" itemscope itemtype="http://schema.org/WebPage"> <div class="qode-page-loading-effect-holder"> <div class="ajax_loader"><div class="ajax_loader_1"><div class="ajax_loader_2"><img itemprop="image" src="https://www.royalcinqueports.com/wp-content/uploads/2021/10/RCPGC-Spinner-Logo.png" alt="Loader" /></div></div></div> </div> <div class="wrapper"> <div class="wrapper_inner"> <!-- Google Analytics start --> <!-- Google Analytics end --> <header class=" scroll_top fixed transparent header_style_on_scroll menu_position_left page_header"> <div class="header_inner clearfix"> <div class="header_top_bottom_holder"> <div class="header_bottom clearfix" style=' background-color:rgba(255, 255, 255, 0);' > <div class="header_inner_left"> <div class="logo_wrapper" > <div class="q_logo"> <a itemprop="url" href="https://www.royalcinqueports.com/" > <img itemprop="image" class="normal" src="https://www.royalcinqueports.com/wp-content/uploads/2021/10/RCPGC-Main-Logo.png" alt="Logo"> <img itemprop="image" class="light" src="https://www.royalcinqueports.com/wp-content/uploads/2021/10/RCPGC-Main-Logo.png" alt="Logo"/> <img itemprop="image" class="dark" src="https://www.royalcinqueports.com/wp-content/uploads/2021/10/RCPGC-Main-Logo.png" alt="Logo"/> <img itemprop="image" class="sticky" src="https://www.royalcinqueports.com/wp-content/uploads/2021/10/RCPGC-Main-Logo.png" alt="Logo"/> <img itemprop="image" class="mobile" src="https://www.royalcinqueports.com/wp-content/uploads/2021/10/RCPGC-Main-Logo.png" alt="Logo"/> </a> </div> </div> </div> <div class="header_inner_right"> <div class="side_menu_button_wrapper right"> <div class="side_menu_button"> </div> </div> </div> <nav class="main_menu drop_down left"> </nav> <nav class="mobile_menu"> </nav> </div> </div> </div> </header> <a id="back_to_top" href="#"> <span class="fa-stack"> <i class="qode_icon_font_awesome fa fa-arrow-up " ></i> </span> </a> <div class="content "> <div class="content_inner "> <div class="title_outer title_without_animation" data-height="200"> <div class="title title_size_small position_left " style="height:200px;"> <div class="image not_responsive"></div> <div class="title_holder" style="padding-top:43px;height:157px;"> <div class="container"> <div class="container_inner clearfix"> <div class="title_subtitle_holder" > <h1 ><span>404 - Page not found</span></h1> <span class="separator small left" ></span> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="container_inner default_template_holder"> <div class="page_not_found"> <h2> The page you are looking for is not found </h2> <p> The page you are looking for does not exist. It may have been moved, or removed altogether. Perhaps you can return back to the site's homepage and see if you can find what you are looking for. </p> <div class="separator transparent center " style="margin-top:35px;"></div> <p><a itemprop="url" class="qbutton with-shadow" href="https://www.royalcinqueports.com/"> Back to homepage </a></p> <div class="separator transparent center " style="margin-top:35px;"></div> </div> </div> </div> </div> </div> <footer > <div class="footer_inner clearfix"> <div class="footer_top_holder"> <div class="footer_top"> <div class="container"> <div class="container_inner"> <div class="four_columns clearfix"> <div class="column1 footer_col1"> <div class="column_inner"> </div> </div> <div class="column2 footer_col2"> <div class="column_inner"> </div> </div> <div class="column3 footer_col3"> <div class="column_inner"> </div> </div> <div class="column4 footer_col4"> <div class="column_inner"> </div> </div> </div> </div> </div> </div> </div> <div class="footer_bottom_holder"> <div class="footer_bottom"> <div class="textwidget custom-html-widget"><div class="vc_row wpb_row section vc_row-fluid OR-H100-VH Footer-Plain-BG TA-C" style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="H100FP-PC Text-Align-Center wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element Pad-RL-5 Pad-B-2 Pad-B-10-IP Pad-B-10-DT Footer-Plain"> <div class="wpb_wrapper"> <h2>Pure Links Golf</h2> </div> </div> <div class="wpb_text_column wpb_content_element Footer-Logo"> <div class="wpb_wrapper"> <p><a href="/home/"><img src="/wp-content/uploads/2020/11/RCPGC-Main-Logo-Gold.png" /></a></p> </div> </div> <div class="wpb_text_column wpb_content_element Pad-T-2 Pad-B-1 Pad-B-2-IP Pad-B-2-DT LS-XL TS-XL Footer-Links Mar-RL-5 Mar-RL-25-IP Mar-RL-25-DT Border-Bottom-RCP-Gold"> <div class="wpb_wrapper"> <p><a href="/course/">Links</a> | <a href="/Club/">Club</a> | <a href="/Visit/">Visit</a> | <a href="/Contact/">Contact</a></p> </div> </div> <div class="wpb_text_column wpb_content_element Pad-T-2 Pad-T-5-Ip Pad-T-5-DT"> <div class="wpb_wrapper"> <p>ROYAL CINQUE PORTS GOLF CLUB</p> </div> </div> <div class="wpb_text_column wpb_content_element Pad-T-1-IP Pad-T-1-DT"> <div class="wpb_wrapper"> <p>Golf Road, Deal, Kent CT14 6RF</p> </div> </div> <div class="wpb_text_column wpb_content_element Pad-T-1"> <div class="wpb_wrapper"> <p>Tel: 01304 374007 Email: <a href="mailto:office@royalcinqueports.com">office@royalcinqueports.com</a></p> </div> </div> <div class="wpb_text_column wpb_content_element Pad-T-2 Footer-Social-Links"> <div class="wpb_wrapper"> <p><a href="https://twitter.com/RCPgolfclub"><span data-type="normal" class="qode_icon_shortcode q_font_awsome_icon fa-3x " style=" "><i class="qode_icon_font_awesome fa fa fa-twitter qode_icon_element" style="color: #000000;" ></i></span></a><a href="https://www.instagram.com/royalcinqueports/"><span data-type="normal" class="qode_icon_shortcode q_font_awsome_icon fa-3x " style=" "><i class="qode_icon_font_awesome fa fa fa-instagram qode_icon_element" style="color: #000000;" ></i></span></a></p> </div> </div> <div class="wpb_text_column wpb_content_element Pad-T-2 TC-RCP-Gold"> <div class="wpb_wrapper"> <p><a href="https://www.jasonlivy.com">Photography, Video & Web Design<br /> by Jason Livy</a></p> </div> </div> </div></div></div></div></div></div> </div> </div> </div> </footer> </div> </div> <script type="text/javascript"> window.RS_MODULES = window.RS_MODULES || {}; window.RS_MODULES.modules = window.RS_MODULES.modules || {}; window.RS_MODULES.waiting = window.RS_MODULES.waiting || []; window.RS_MODULES.defered = false; window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {}; window.RS_MODULES.type = 'compiled'; </script> <!-- BEGIN JUMBO BUTTONS --> <div class="jumbo-buttons-wrapper"> <div class="jumbo-buttons-wrapper-inner"> <!-- BEGIN MAIN MENU BUTTON --> <div class="jumbo-menu-button "> <div class="jumbo-menu-button-middle"></div> <div class="jumbo-menu-button-label"></div> </div> <!-- END MAIN MENU BUTTON --> <!-- BEGIN SECONDARY MENU BUTTON --> <!-- END SECONDARY MENU BUTTON --> </div> <!-- BEGIN AUTHOR GRAVATAR --> <!-- END AUTHOR GRAVATAR --> </div> <!-- END BEGIN JUMBO BUTTONS --> <!-- BEGIN SECONDARY MENU --> <!-- END SECONDARY MENU --> <!-- BEGIN MAIN MENU BACKGROUND --> <div class="jumbo-by-bonfire-wrapper jumbo-appearance-top"> <!-- BEGIN LOGO + MAIN MENU --> <div class="jumbo-main-menu-wrapper"> <div class="jumbo-main-menu-wrapper-inner"> <div class="jumbo-main-menu-wrapper-inner-inner"> <div class="jumbo-by-bonfire jumbo-by-bonfire-column"> <!-- BEGIN ALTERNATE CLOSE BUTTON --> <!-- END ALTERNATE CLOSE BUTTON --> <!-- BEGIN HEADING IMAGE --> <div class="jumbo-heading-image-wrapper"> <a href="https://www.royalcinqueports.com/" title="Royal Cinque Ports" rel="home"><img src="https://www.royalcinqueports.com/wp-content/uploads/2021/10/RCPGC-Spinner-Logo.png" alt="Royal Cinque Ports"></a> </div> <!-- END HEADING IMAGE --> <!-- BEGIN MENU --> <div class="menu-jumbo-menu-container"><ul id="menu-jumbo-menu" class="menu"><li id="menu-item-916" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a><span class="bonfire-jumbo-main-desc"><br></span>The Links</a> <ul class="sub-menu"> <li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/course/"><span class="bonfire-jumbo-main-desc"><br></span>The Course</a></li> <li id="menu-item-1183" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.royalcinqueports.com/course/01st"><span class="bonfire-jumbo-main-desc"><br></span>Hole by Hole</a></li> <li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/course/maintaining-the-links/"><span class="bonfire-jumbo-main-desc"><br></span>Maintaining The Links</a></li> <li id="menu-item-2676" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/course/course-gallery/"><span class="bonfire-jumbo-main-desc"><br></span>Course Gallery</a></li> <li id="menu-item-660" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/club/film/"><span class="bonfire-jumbo-main-desc"><br></span>Our Film With Sound</a></li> <li id="menu-item-2436" class="menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="https://royalcinqueports.wordpress.com/"><span class="bonfire-jumbo-main-desc"><br></span>Greenkeepers Blog</a></li> </ul> </li> <li id="menu-item-915" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a><span class="bonfire-jumbo-main-desc"><br></span>The Club</a> <ul class="sub-menu"> <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/club/"><span class="bonfire-jumbo-main-desc"><br></span>Club Overview</a></li> <li id="menu-item-166" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/club/clubhouse/"><span class="bonfire-jumbo-main-desc"><br></span>Clubhouse</a></li> <li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/club/team/"><span class="bonfire-jumbo-main-desc"><br></span>Team</a></li> <li id="menu-item-165" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/club/cuisine/"><span class="bonfire-jumbo-main-desc"><br></span>Cuisine</a></li> <li id="menu-item-143" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/club/professional/"><span class="bonfire-jumbo-main-desc"><br></span>Professional</a></li> <li id="menu-item-164" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/club/history/"><span class="bonfire-jumbo-main-desc"><br></span>Early History</a></li> </ul> </li> <li id="menu-item-912" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a><span class="bonfire-jumbo-main-desc"><br></span>Visitors</a> <ul class="sub-menu"> <li id="menu-item-172" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://members.royalcinqueports.com/visitorbooking/"><span class="bonfire-jumbo-main-desc"><br></span>Book A Tee Time</a></li> <li id="menu-item-913" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/visit/"><span class="bonfire-jumbo-main-desc"><br></span>Visitor Introduction</a></li> <li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/visit/green-fees/"><span class="bonfire-jumbo-main-desc">Our Daily Rates<br></span>Green Fees</a></li> <li id="menu-item-491" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/visit/societies/"><span class="bonfire-jumbo-main-desc"><br></span>Societies & Group Bookings</a></li> <li id="menu-item-497" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/visit/opens/"><span class="bonfire-jumbo-main-desc"><br></span>Open Competitions</a></li> <li id="menu-item-140" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/visit/visitor-info/"><span class="bonfire-jumbo-main-desc"><br></span>Visitor Information</a></li> </ul> </li> <li id="menu-item-914" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#"><span class="bonfire-jumbo-main-desc"><br></span>About Us</a> <ul class="sub-menu"> <li id="menu-item-173" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://members.royalcinqueports.com/login.php"><span class="bonfire-jumbo-main-desc"><br></span>Members Area</a></li> <li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/about-us/contact/"><span class="bonfire-jumbo-main-desc">We’d love you to<br></span>Contact Us</a></li> <li id="menu-item-153" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/about-us/terms-conditions/"><span class="bonfire-jumbo-main-desc"><br></span>Terms & Conditions</a></li> <li id="menu-item-152" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/about-us/cookie-policy/"><span class="bonfire-jumbo-main-desc"><br></span>Cookie Policy</a></li> <li id="menu-item-2448" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.royalcinqueports.com/about-us/privacy-policy/"><span class="bonfire-jumbo-main-desc"><br></span>Privacy Policy</a></li> </ul> </li> </ul></div> <!-- END MENU --> <!-- BEGIN WIDGETS --> <!-- END WIDGETS --> </div> </div> </div> </div> <!-- END LOGO + MAIN MENU --> <!-- BEGIN DOT OVERLAY --> <div class="jumbo-dot-overlay"></div> <!-- END DOT OVERLAY --> <!-- BEGIN BACKGROUND IMAGE --> <!-- END BACKGROUND IMAGE --> <!-- BEGIN BACKGROUND COLOR --> <div class="jumbo-background-color"></div> <!-- END BACKGROUND COLOR --> </div> <!-- END MAIN MENU BACKGROUND --> <!-- BEGIN WP LIVE CUSTOMIZER SETTINGS --> <style> /* absolute position */ /* right position */ .jumbo-buttons-wrapper { left:auto; right:0; } .jumbo-secondary-menu-active { left:auto; right:57px; } .jumbo-gravatar-tooltip-wrapper { left:auto; right:5px; -webkit-transform:translateX(0) translateY(-5px); transform:translateX(0) translateY(-5px); } .jumbo-gravatar-tooltip-wrapper-active { -webkit-transform:translateX(0) translateY(0); transform:translateX(0) translateY(0); } .jumbo-gravatar-tooltip-wrapper::before { left:auto; right:27px; } /* if main menu button hidden */ /* if menu positioned right */ .jumbo-secondary-menu-active { left:auto; right:0; } /* secondary menu position if gravatar present */ /* left/right distance */ /* top distance */ .jumbo-buttons-wrapper { top:px; } .jumbo-by-bonfire-secondary-wrapper { top:calc(58px + px); } /* main wrapper rounded corners */ /* main menu button rounded corners */ /* menu button colors */ .jumbo-menu-button::after, .jumbo-menu-button::before, .jumbo-menu-button div.jumbo-menu-button-middle { background-color:#ffffff; } .jumbo-menu-button:hover::after, .jumbo-menu-button:hover::before, .jumbo-menu-button:hover div.jumbo-menu-button-middle, .jumbo-menu-button-active::after, .jumbo-menu-button-active::before, .jumbo-menu-button-active div.jumbo-menu-button-middle { background-color:; } .jumbo-menu-button { background-color:; background-color:transparent; } .jumbo-menu-button:hover, .jumbo-menu-button-active { background-color:; background-color:transparent; } /* reposition menu bottom icon if label is entered */ .jumbo-menu-button { padding-top:12px; padding-bottom:22px; } /* menu button text label */ .jumbo-menu-button-label::before { content:'MENU'; color:#ffffff; } .jumbo-menu-button-label::before { color:#f7f7f7; } /* alternate close button */ .jumbo-alternate-close-button { top:px; right:px; } .jumbo-alternate-close-button::before, .jumbo-alternate-close-button::after { background-color:; height:px; } .jumbo-alternate-close-button:hover::before, .jumbo-alternate-close-button:hover::after { background-color:; } .jumbo-alternate-close-button { background-color:; } .jumbo-alternate-close-button:hover { background-color:; } /* scrollbar styling */ .jumbo-main-menu-wrapper-inner > .scroll-element .scroll-bar { background-color:; } .jumbo-main-menu-wrapper-inner > .scroll-element .scroll-element_track { background-color:; } /* heading image */ .jumbo-heading-image-wrapper img { width:75px; } /* menu content scaling */ .jumbo-by-bonfire { opacity:.0; -webkit-transform:scale(); transform:scale(); } /* main menu */ .jumbo-by-bonfire .menu > li > a { font-size:px; color:; } .jumbo-by-bonfire .menu > li > a > span { font-size:px; margin-bottom:px; } .jumbo-by-bonfire .menu > li > a:hover:not(span) { color:; } .jumbo-by-bonfire .sub-menu > li > a { font-size:px; color:; } .jumbo-by-bonfire .sub-menu > li { margin-bottom:px; } .jumbo-by-bonfire .sub-menu > li > a:hover:not(span) { color:; } .jumbo-by-bonfire .menu > li > a > span { color:; ; } .jumbo-by-bonfire .menu > li > a:hover > span { color:; } .jumbo-by-bonfire .menu > li > a, .jumbo-by-bonfire .sub-menu > li > a { } /* main menu item opacities */ .jumbo-by-bonfire .menu > li > a, .jumbo-by-bonfire .sub-menu > li > a { opacity:; } .jumbo-by-bonfire .menu > li > a > span { opacity:; } /* main menu font */ /* main menu description font */ /* main menu content alignments */ .jumbo-main-menu-wrapper { } .jumbo-main-menu-wrapper-inner-inner .jumbo-by-bonfire { vertical-align:top; } /* custom main menu appearance speeds */ .jumbo-by-bonfire-wrapper { -webkit-transition:opacity 1s ease 0s, -webkit-transform 0s ease 1s; transition:opacity 1s ease 0s, transform 0s ease 1s; } .jumbo-menu-active { -webkit-transition:opacity 1s ease 0s, -webkit-transform 0s ease 0s; transition:opacity 1s ease 0s, transform 0s ease 0s; } .jumbo-appearance-top, .jumbo-appearance-bottom, .jumbo-appearance-left, .jumbo-appearance-right { -webkit-transition:opacity 0s ease 1s, -webkit-transform 1s ease 0s; transition:opacity 0s ease 1s, transform 1s ease 0s; } .jumbo-menu-active.jumbo-appearance-top, .jumbo-menu-active.jumbo-appearance-bottom, .jumbo-menu-active.jumbo-appearance-left, .jumbo-menu-active.jumbo-appearance-right { -webkit-transition:opacity 0s ease 0s, -webkit-transform 1s ease 0s; transition:opacity 0s ease 0s, transform 1s ease 0s; } /* top margin */ .jumbo-by-bonfire { padding-top:100px; padding-bottom:calc(100px / 2); } /* main menu background options */ .jumbo-dot-overlay { opacity:0; } .jumbo-background-image { background-image:url(); opacity:; } /* background pattern */ .jumbo-background-color { background-color:#252f4e; opacity:1; } /* secondary menu button */ .jumbo-secondary-menu-button::before { border-top-color:; } .jumbo-secondary-menu-button:hover::before, .jumbo-secondary-menu-button-active::before { border-top-color:; } .jumbo-secondary-menu-button { background-color:; } .jumbo-secondary-menu-button:hover, .jumbo-secondary-menu-button-active { background-color:; } /* menu buttons separator */ .jumbo-secondary-menu-button { border-color:; } /* secondary menu */ .jumbo-by-bonfire-secondary .menu > li > a { font-size:px; } .jumbo-by-bonfire-secondary .sub-menu li a { font-size:px; } .jumbo-by-bonfire-secondary .menu a i { font-size:px; } .jumbo-menu-tooltip::before { border-bottom-color:; } .jumbo-by-bonfire-secondary { background-color:; } .jumbo-by-bonfire-secondary .menu > li > a:hover { background-color:; } .jumbo-by-bonfire-secondary .menu li, .jumbo-by-bonfire-secondary ul.sub-menu > li:first-child { border-color:; } .jumbo-by-bonfire-secondary ul li ul li:after { background-color:; } .jumbo-by-bonfire-secondary .menu > li > a, .jumbo-by-bonfire-secondary .menu > li > a i { color:; } .jumbo-by-bonfire-secondary .menu > li > a:hover, .jumbo-by-bonfire-secondary .menu > li > a:hover i { color:; } .jumbo-by-bonfire-secondary .sub-menu a, .jumbo-by-bonfire-secondary .sub-menu a i { color:; } .jumbo-by-bonfire-secondary .sub-menu a:hover, .jumbo-by-bonfire-secondary .sub-menu a:hover i { color:; } .jumbo-by-bonfire-secondary ul.sub-menu { background:; } .jumbo-by-bonfire-secondary .menu li span span { border-color:; } .jumbo-sub-arrow-inner::before, .jumbo-sub-arrow-inner::after { background-color:; } .jumbo-sub-arrow:hover .jumbo-sub-arrow-inner::before, .jumbo-sub-arrow:hover .jumbo-sub-arrow-inner::after { background-color:; } /* expand arrow divider color (multi-level) */ .jumbo-by-bonfire-secondary ul.menu > li li span span { border-color:; } /* expand arrow colors in sub-menus (multi-level) */ .jumbo-by-bonfire-secondary .sub-menu .jumbo-sub-arrow-inner::before, .jumbo-by-bonfire-secondary .sub-menu .jumbo-sub-arrow-inner::after { background-color:; } .jumbo-by-bonfire-secondary .sub-menu .jumbo-sub-arrow:hover .jumbo-sub-arrow-inner::before, .jumbo-by-bonfire-secondary .sub-menu .jumbo-sub-arrow:hover .jumbo-sub-arrow-inner::after { background-color:; } /* menu item descriptions */ .jumbo-by-bonfire-secondary .menu > li > a .jumbo-menu-item-description { color:; } .jumbo-by-bonfire-secondary .menu > li > a:hover > .jumbo-menu-item-description { color:; } .jumbo-by-bonfire-secondary .sub-menu > li > a .jumbo-menu-item-description { color:; } /* secondary menu uppercase */ /* secondary menu width */ .jumbo-by-bonfire-secondary { width:px; } /* secondary menu theme font */ /* gravatar */ .jumbo-gravatar-tooltip-wrapper { color:; background-color:; } .jumbo-gravatar-tooltip-wrapper::before { border-bottom-color:; } .jumbo-gravatar-wrapper:hover img { opacity:.6; } /* gravatar tooltip font */ .jumbo-gravatar-tooltip-wrapper { font-family:; } /* font size + li height on lower screens*/ @media screen and (max-width:768px) { .jumbo-by-bonfire .menu > li > a { font-size:25px; } .jumbo-by-bonfire .menu > li > a > span { font-size:11px; } .jumbo-by-bonfire .menu { margin:0 15px; } .jumbo-by-bonfire li ul.sub-menu li { display:block; } .jumbo-by-bonfire li ul.sub-menu { margin-bottom:25px; } .jumbo-by-bonfire .sub-menu > li > a { font-size:14px; line-height:10px; } .jumbo-by-bonfire-column .menu > li { display:block; margin:0; } } /* Hide Jumbo between resolutions */ @media (min-width:px) and (max-width:px) { .jumbo-buttons-wrapper, .jumbo-by-bonfire-wrapper, .jumbo-main-menu-wrapper { display:none; } } /* hide theme menu */ </style> <!-- END WP LIVE CUSTOMIZER SETTINGS --> <script type="text/html" id="wpb-modifications"></script><link rel='stylesheet' id='rs-plugin-settings-css' href='https://www.royalcinqueports.com/wp-content/plugins/revslider/public/assets/css/rs6.css?ver=6.5.6' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> #rs-demo-id {} </style> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/jumbo-by-bonfire/jumbo.js?ver=1" id="bonfire-jumbo-js-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/accordion.min.js?ver=1.13.3" id="jquery-ui-accordion-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/menu.min.js?ver=1.13.3" id="jquery-ui-menu-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/dist/a11y.min.js?ver=3156534cc54473497e14" id="wp-a11y-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/autocomplete.min.js?ver=1.13.3" id="jquery-ui-autocomplete-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/controlgroup.min.js?ver=1.13.3" id="jquery-ui-controlgroup-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/checkboxradio.min.js?ver=1.13.3" id="jquery-ui-checkboxradio-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/button.min.js?ver=1.13.3" id="jquery-ui-button-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/resizable.min.js?ver=1.13.3" id="jquery-ui-resizable-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/draggable.min.js?ver=1.13.3" id="jquery-ui-draggable-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/dialog.min.js?ver=1.13.3" id="jquery-ui-dialog-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/droppable.min.js?ver=1.13.3" id="jquery-ui-droppable-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/progressbar.min.js?ver=1.13.3" id="jquery-ui-progressbar-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/selectable.min.js?ver=1.13.3" id="jquery-ui-selectable-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3" id="jquery-ui-sortable-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.3" id="jquery-ui-slider-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/spinner.min.js?ver=1.13.3" id="jquery-ui-spinner-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/tooltip.min.js?ver=1.13.3" id="jquery-ui-tooltip-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.13.3" id="jquery-ui-tabs-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.13.3" id="jquery-effects-blind-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-bounce.min.js?ver=1.13.3" id="jquery-effects-bounce-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-clip.min.js?ver=1.13.3" id="jquery-effects-clip-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-drop.min.js?ver=1.13.3" id="jquery-effects-drop-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-explode.min.js?ver=1.13.3" id="jquery-effects-explode-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-fade.min.js?ver=1.13.3" id="jquery-effects-fade-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-fold.min.js?ver=1.13.3" id="jquery-effects-fold-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-highlight.min.js?ver=1.13.3" id="jquery-effects-highlight-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-pulsate.min.js?ver=1.13.3" id="jquery-effects-pulsate-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-size.min.js?ver=1.13.3" id="jquery-effects-size-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-scale.min.js?ver=1.13.3" id="jquery-effects-scale-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-shake.min.js?ver=1.13.3" id="jquery-effects-shake-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-slide.min.js?ver=1.13.3" id="jquery-effects-slide-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/ui/effect-transfer.min.js?ver=1.13.3" id="jquery-effects-transfer-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/doubletaptogo.js?ver=6.7.2" id="doubleTapToGo-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/modernizr.min.js?ver=6.7.2" id="modernizr-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.appear.js?ver=6.7.2" id="appear-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/counter.js?ver=6.7.2" id="counter-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/easypiechart.js?ver=6.7.2" id="easyPieChart-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/mixitup.js?ver=6.7.2" id="mixItUp-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.prettyPhoto.js?ver=6.7.2" id="prettyphoto-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.fitvids.js?ver=6.7.2" id="fitvids-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.flexslider-min.js?ver=6.7.2" id="flexslider-js"></script> <script type="text/javascript" id="mediaelement-core-js-before"> /* <![CDATA[ */ var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.7.2" id="mediaelement-migrate-js"></script> <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.7.2" id="wp-mediaelement-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/infinitescroll.min.js?ver=6.7.2" id="infiniteScroll-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.waitforimages.js?ver=6.7.2" id="waitforimages-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0" id="jquery-form-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/waypoints.min.js?ver=6.7.2" id="waypoints-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jplayer.min.js?ver=6.7.2" id="jplayer-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/bootstrap.carousel.js?ver=6.7.2" id="bootstrapCarousel-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/skrollr.js?ver=6.7.2" id="skrollr-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/Chart.min.js?ver=6.7.2" id="chart-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.easing.1.3.js?ver=6.7.2" id="easing-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/abstractBaseClass.js?ver=6.7.2" id="abstractBaseClass-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.countdown.js?ver=6.7.2" id="countdown-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.multiscroll.min.js?ver=6.7.2" id="multiscroll-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.justifiedGallery.min.js?ver=6.7.2" id="justifiedGallery-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/bigtext.js?ver=6.7.2" id="bigtext-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.sticky-kit.min.js?ver=6.7.2" id="stickyKit-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/owl.carousel.min.js?ver=6.7.2" id="owlCarousel-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/typed.js?ver=6.7.2" id="typed-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.carouFredSel-6.2.1.min.js?ver=6.7.2" id="carouFredSel-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/lemmon-slider.min.js?ver=6.7.2" id="lemmonSlider-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.fullPage.min.js?ver=6.7.2" id="one_page_scroll-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.mousewheel.min.js?ver=6.7.2" id="mousewheel-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.touchSwipe.min.js?ver=6.7.2" id="touchSwipe-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.isotope.min.js?ver=6.7.2" id="isotope-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/packery-mode.pkgd.min.js?ver=6.7.2" id="packery-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.stretch.js?ver=6.7.2" id="stretch-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/imagesloaded.js?ver=6.7.2" id="imagesLoaded-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/rangeslider.min.js?ver=6.7.2" id="rangeSlider-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.event.move.js?ver=6.7.2" id="eventMove-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/jquery.twentytwenty.js?ver=6.7.2" id="twentytwenty-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/swiper.min.js?ver=6.7.2" id="swiper-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/TweenLite.min.js?ver=6.7.2" id="TweenLite-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/ScrollToPlugin.min.js?ver=6.7.2" id="ScrollToPlugin-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/smoothPageScroll.min.js?ver=6.7.2" id="smoothPageScroll-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/default_dynamic.js?ver=1634651714" id="bridge-default-dynamic-js"></script> <script type="text/javascript" id="bridge-default-js-extra"> /* <![CDATA[ */ var QodeAdminAjax = {"ajaxurl":"https:\/\/www.royalcinqueports.com\/wp-admin\/admin-ajax.php"}; var qodeGlobalVars = {"vars":{"qodeAddingToCartLabel":"Adding to Cart...","page_scroll_amount_for_sticky":false}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/default.min.js?ver=6.7.2" id="bridge-default-js"></script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=6.7.0" id="wpb_composer_front_js-js"></script> <script type="text/javascript" id="qode-like-js-extra"> /* <![CDATA[ */ var qodeLike = {"ajaxurl":"https:\/\/www.royalcinqueports.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.royalcinqueports.com/wp-content/themes/bridge/js/plugins/qode-like.min.js?ver=6.7.2" id="qode-like-js"></script> </body> </html>