@charset "utf-8";
/*
Theme Name: Club Suite 2025
Theme URI: 
Author: AU Digital
Author URI: http://audigital.com.au
Description: Club Suite 2025 Theme
Version: 1.0

 */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

:root {
  --orange: #F5591B;
  --yellow: #FDE152;
  --navy: #0E1A3E;
  --white: #FFF;
}

body {font: 1rem/1.55em 'Instrument Sans', sans-serif; color: #333; }

a {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {text-decoration: none; outline: none;}

.padding-section {padding: 5rem 0;}
.padding-3 {padding: 3rem;}

a {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {text-decoration: none; outline: none;}

h1, h2, h3 {color: var(--navy); font-weight: bold; margin: 0 0 1em;}
h5 {color: var(--orange); text-transform: uppercase}

.lsow-dark-bg h2, .lsow-dark-bg h3 {color: #FFF;}

.hide {
  display: none;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.styled {margin: 0 0 1rem; padding: 0;}

ul.tick li {
	text-indent: -30px;
	margin-left: 30px;
	line-height: 2em;
	list-style: none;
}
ul.tick li:before {
	content: '\f00c';
	color: var(--orange);
	font-family: "FontAwesome";
	margin-right: 10px;
}

img.alignleft {float: left; margin: 0 30px 30px 0;}
img.alignright {float: right; margin:  0 0 30px 30px;}

.btn-primary {background-color: var(--orange); border: none;}
.btn-primary:hover {background-color: var(--navy); }
.btn-outline-primary {border-color: var(--orange); color: var(--orange)}
.btn-outline-primary:hover {background-color: var(--orange); border-color: var(--orange)}

header {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	padding: .7rem 0;
	box-shadow: 0px 4px 8px rgba(98, 98, 124, 0.1)
}

nav ul {margin: 0; padding: 0;}
nav li {position: relative; list-style: none;}
nav li a {display: block;}

nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul {display: none;}
nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul {display: block;}

ul[id^="menu-"] {display: flex; justify-content: flex-end; margin: 0; align-items: center;}
ul[id^="menu-"] > li {margin: 0 1rem;}
ul[id^="menu-"] > li > a {
	text-transform: uppercase;
	color: #404D75;
	font-weight: bold;
	font-size: .9em;
}
ul[id^="menu-"] > li > a i {color: var(--orange); font-size: 1.1rem;}
ul[id^="menu-"] > li:hover > a, #menu-main-menu > li.current-menu-item > a	{color: var(--orange)}
ul[id^="menu-"] > li:hover > a i {color: var(--navy);}

ul[id^="menu-"] ul {
	position: absolute;
	left: 0;
	top: 100%;
	width: 240px;
	background: #FFF;
}
ul[id^="menu-"] li li  a {
	text-transform: uppercase;
	padding: 0 2rem;
	line-height: 2em;
}
ul[id^="menu-"] li li a:hover {}

#menu-secondary li {display: inline-block; margin: 0 4px;}
#menu-secondary li a {padding: 8px; display: flex; align-items: center; }
#menu-secondary li a i {font-size: 1.3rem;}
#menu-secondary li.btn-call a {
	background: var(--orange);
	padding: 8px 24px;
	border-radius: 6px;
	color: #FFF;
	}
#menu-secondary li.btn-call a:hover {background: var(--navy); color: #FFF;}

main {padding-top: 56px;}

.page-title {
	padding: 5rem 0 ;
}
.page-title h1 {
	margin: 0;
	font-size: 3rem;
	text-transform: uppercase;
}

.content h1 {font-size: 3.5rem;}
.content h2 {font-size: 3rem;}

footer {background: url(img/bg_footer.jpg) no-repeat right center; background-size: cover; padding: 5rem 0 1rem;}
.copyright {
	text-align: center;
	padding: 1rem 0;
	border-top: 1px solid rgba(0,0,0,0.1)
}

/* HOME PAGE */


#home-banner {
	background: linear-gradient(154.8deg, #F0F4FF 29.56%, #F8E78E 107.13%);
}
#home-banner h1 {margin: 0;}
#home-banner .screens {position: relative;}
#home-banner .screens img {
	border-radius: 1rem;
	box-shadow: 0px 0px 30px rgba(45, 49, 63, 0.2)
}
#home-banner .scr {position: absolute; z-index:  1}
#home-banner .scr img {max-width: 30vw;}
#home-banner .scr01 {left: -10rem; bottom: 10rem;}
#home-banner .scr02 {right: -10rem; top: 10rem;}

#intro > div:first-child {position: relative}
#intro > div:first-child::after {
	content: '';
	width: 450%;
	position: absolute;
	left:-10rem;
	top: -7rem;
	bottom: -8rem;
	background: radial-gradient(72.6% 72.6% at 6.15% 96.9%, #FDF1F1 0%, rgba(255, 255, 255, 0) 100%);
	z-index: -1;
	border-bottom-left-radius: 12rem;
	border-top-right-radius: 30rem;
}
#intro .screens {position: relative;}
#intro .screens .scr02 {position: absolute; top: 8rem; left: 15rem;}

#pricing {
	background: radial-gradient(39.88% 78.54% at 23.62% 41.61%, #FDF3F9 0%, #EEF2FF 100%) 
}
#pricing .plans {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#pricing .plans > div {width: 33.33%; padding: 2rem 1rem;}
#pricing .plan {
	background: #FFF;
	border-radius: 1.2rem;
	padding: 3rem 2rem 5rem;
	box-shadow: 0px 0px 40px rgba(187, 191, 217, 0.25);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	position: relative;
	text-align: center;
}
#pricing h3 {font-size: 2rem; color: #425793; margin: .3em 0;}
#pricing .plans h5 {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 20px;
	margin: 0 0 2rem;
	font-size: .9rem;
	color: var(--navy);
	letter-spacing: 1px;
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
	border: 2px solid rgba(31, 72, 137, 0.1);
	box-shadow: 0px 0px 10px rgba(187, 191, 217, 0.4);
}
#pricing #plan1 h5 {background: #FFF1E4}
#pricing #plan2 h5 {background: #e2f2ff}
#pricing #plan3 h5 {background: #FFF1A9}
#pricing #plan4 h5 {background: #bff3e7}
#pricing #plan5 h5 {background: #f2deee}

#pricing .plans h6 {font-size: .8rem; color: #95a0ba;}
#pricing .plans small {
	display: block;
	background: #f9f8f3;
	padding: .3rem 1rem;
	border-radius: 8px;
	color: #666;
	box-shadow: inset 0px 0px 20px rgba(229, 215, 143, 0.4);
}
#pricing ul {margin: 0 0 2rem; text-align: left;}

#pricing .plans .btn {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%)
}

/* SWITCH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 1px solid yellow;
  margin-bottom: 40px;
  border-radius: 30px;
  background: var(--white);
}

.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
  color: var(--white);
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
  background: transparent;
}

.switch-wrapper
  [type="radio"]:checked#monthly
  + label[for="yearly"]
  ~ .highlighter {
  transform: none;
}

.switch-wrapper
  [type="radio"]:checked#yearly
  + label[for="monthly"]
  ~ .highlighter {
  transform: translateX(100%);
}

.switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 100px;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
}

.switch-wrapper label:hover {
  background: var(--yellow);
}

.switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  background: var(--orange);
  transition: transform 0.25s ease-in-out;
}

#pricing .switchers {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 1rem;
}
#pricing .switchers > div {margin: 0 .5em;}
#pricing .currency-switcher-form .dd-select {border-radius: 10rem; border-color: var(--yellow) !important}
#pricing .currency-switcher-form .dd-selected {display: flex; align-items: center; padding: 8px 1rem;}
#pricing .currency-switcher-form .dd-selected label {margin-right: .5em;}

.pmpro_level_description_text {padding: 1rem 0;}

/* PLUGIN OVERRIDES */

/* PAGE BUILDER */
.features .lsow-services.lsow-style1 .lsow-service .lsow-service-text .lsow-title {color: var(--navy); text-transform: none; font-size: 1.3rem; letter-spacing: 0; }
.features .lsow-services.lsow-style1 .lsow-service .lsow-icon-wrapper span, .features .lsow-services.lsow-style1 .lsow-service .lsow-service-text, .features .lsow-services.lsow-style1 .lsow-service .lsow-image-wrapper img {text-align: left; margin: 0 0 1rem;}
.features .lsow-services.lsow-style1 .lsow-service .lsow-icon-wrapper span {font-size: 48px;}

#testimonials.lsow-dark-bg .lsow-testimonials-slider .lsow-testimonial-text i {color: var(--yellow)}
#testimonials .lsow-text {text-align: center;}