/*
Theme Name: Soul Millionaire
Version: 3.0
Description: WordPress theme for Soul Millionaire
Author: INSPIRE
Author URI: http://www.inspiredc.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soul

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
Colours
Gold        #a08c73  rgba(160,140,115,1)
Dark Grey   #373737  rgba(55,55,55, 1)
Light Grey  #f2f2f2  rgba(242,242,242,1)
Pink        #f03c78  rgba(240,60,120,1)
Purple      #552869  rgba(85,40,105,1)
Dark Purple #371e4b  rgba(55,30,75,1)
*/

/*** General ***/
html { scroll-behavior: smooth }
* { padding: 0px; margin: 0px; }
p { margin: 10px 0px }
body { font-family: 'Source Sans Pro', sans-serif; font-size: 1em; color:#000; margin:0; font-weight:400; background: rgba(175, 206, 209, 0.3); overflow-x: hidden}
.inwrap { width: 100%; display: flex; flex-direction: column; min-height: 100%; background: #fff; }
.contentwrap { width: 86%; margin: 0 auto; display: flex; justify-content: space-between; padding: 0 7%}
.nobottompadding { padding: 0 7%}
.content { width: 75%; }
.content100 { width: 100%; }
.clear { clear: both; display: block; }
a, a:link, a:active, div a { text-decoration:none; }
a img {border:none }
@font-face { font-family: 'Akhand'; src: url('fonts/Akhand-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Akhand'; src: url('fonts/Akhand-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Akhand'; src: url('fonts/Akhand-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }

/* Font Size */
/* Variables */
:root {
--global--font-size-base: 1.25rem;
--global--font-size-xs: 1rem;
--global--font-size-sm: 1.125rem;
--global--font-size-md: 1.25rem;
--global--font-size-lg: 1.5rem;
--global--font-size-xl: 2.25rem;
--global--font-size-xxl: 4rem;
--global--font-size-xxxl: 5rem;
--global--font-size-page-title: var(--global--font-size-xxl);
--global--letter-spacing: normal;
}
:root .is-extra-small-text,
:root .has-extra-small-font-size {
	font-size: var(--global--font-size-xs);
}

:root .is-small-text,
:root .has-small-font-size {
	font-size: var(--global--font-size-sm);
}

:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
	font-size: var(--global--font-size-base);
}

:root .is-large-text,
:root .has-large-font-size {
	font-size: var(--global--font-size-lg);
	line-height: var(--global--line-height-heading);
}

:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-heading);
}

:root .is-huge-text,
:root .has-huge-font-size {
	font-size: var(--global--font-size-xxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}

:root .is-gigantic-text,
:root .has-gigantic-font-size {
	font-size: var(--global--font-size-xxxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}


/*** Header ***/
.header { margin: 0 auto; width:91%; float:left; position:relative; padding: 0; }
.header .logonavwrapper { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; max-width: 1400px ; padding: 22px 1% }
.header .logonavwrapper .logo { position: relative; z-index: 1000; transition: all 0.4s ease-in-out 0s; background: url(images/soul-millionaire-logo.svg) no-repeat left; width:230px; height: 120px; background-size: contain}
.header .logonavwrapper .logo img { display:block; margin: 0 auto; text-align:center; width:100%; height:auto}
.header .description { font-size: 2.5em; font-weight: 300; text-transform: uppercase; margin: -1% 0 0 -.175%; color: #fff; z-index: 10}

/*** Contact ***/
.contact { position: absolute; top: 2em; right: 2em; text-align: right}
.phone { font-size: 1.75em; margin: 0 0 0.5em }

/*** Navigation ***/
.navigation ul { list-style:none; display: flex; justify-content: space-between; height: 2.5rem; line-height: 2.5rem; text-transform: uppercase; font-size: 1em; font-weight: 600; letter-spacing: .14em; font-family: 'Akhand' }
.navigation ul li a:hover { text-decoration:none; /* border-bottom: 2px solid #a08c73 */ color: #8b734f }
.navigation ul li { text-decoration:none; }
.navigation ul li:hover ul li { text-decoration:none; margin: 0; text-align: left}
.navigation li { margin: 0; text-align: center}
.navigation li a, .navigation li li a { margin: 0 10px ; text-decoration: none; display: inline-block; display: flex; align-items: center }
.navigation ul li ul li a { display: block; height:2.5rem; line-height:2.5rem; }
.navigation li ul { z-index: 9999; position: absolute; left: -999em; margin: 0; display: block} 
.navigation li ul ul { margin: -3rem 0 0 0 }
.navigation li:hover ul ul, #subnav li:hover ul ul ul { left: -999em; }
.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul { left: auto; }
.navigation li:hover { position: static; }
.menu li.menu-item-has-children > a:after { color: #552869; content: ' ▼'; margin-left: 5px; font-size: 10px }
.navigation ul li.current_page_item a, .navigation ul li.current-menu-item a, .navigation ul li.current-post-parent a { /* border-bottom: 2px solid #a08c73; color: #a08c73 */ color: #8b734f }
#responsive-menu-pro-container #responsive-menu-pro { text-transform: uppercase; font-weight: 600}

/*** Content Home ***/
.home .postContent, .page-template-homepage .postContent { width: 100%; max-width: 100%; margin: 0; padding: 0 }
.home .postContent .content2 { max-width: calc(1610px - 370px); padding: 0 185px; margin: 0 auto }
.home .postContent h1 { font-size: 5em; }
.home .postContent h1 a { color: #fff }
.home .postContent h2 { font-size: 3em; line-height: 1}
.home .postContent h3 { font-size: 2em; }
.home .alignwide { max-width: 1410px; padding: 0 }
.nomargin { margin: 0 }

/*** Content ***/
 h1, h2 { font-family: 'Akhand'; line-height: 125%; letter-spacing: .05em; font-weight: normal}
 h3, h4, h5, h6 { font-family: 'Akhand'; line-height: 160%; letter-spacing: .05em; }
.page { float:left; width:100%; }
.page .postHead { background: none; }
.postContent { max-width: 1400px; padding: 0; margin: 0 auto}
.postContent a { color: #3d3938; text-decoration:none }
.postContent .half { width:48%; float:left}
.postContent h1 { margin:0.5em 0 ;  font-size: 3em }
.postContent h2 { margin:0.5em 0 ; font-size: 2.5em }
.postContent h3 { font-size: 1.75em; margin: 1em 0; line-height:110%;  letter-spacing: .05em;}
.postContent h4 { font-size: 1.5em; margin: 1em 0;}
.postContent h4 strong { font-weight: 600 }
.postContent h5 { font-size: 1.25em; margin: 1em 0; line-height:135%; font-weight: 600 }
.postContent h6 { font-size: 1.2em; margin: 1em 0; line-height:130%; font-weight: 600 }
.postContent p { font-size: 1.2em; margin: 1em 0 ; line-height:160%; }
.postContent p.intro { font-size: 1.4em; margin: 1em 0 ; line-height:150%; }
.postContent p sup, .postContent p sub { font-size: 0.5em; }
.postContent p a { text-decoration: underline }
.postContent ul { margin: 1em; font-size: 1.2em }
.postContent ul li { margin: 0.5em 0;  }
.postContent ol li { padding:5px 0; }
.postContent ol { margin: 5px 0px 5px 22px; font-size: 1.2em }
.postContent blockquote { font-weight:normal; padding: 0.25em 1em 0.75em calc(1.25em + 30px) ; background:url(images/soul-quote.svg) no-repeat 0.75em 1em rgba(85,40,105,0.1); background-size: 30px; border-left: .25em solid #552869; }
.postContent blockquote h3 { font-size:20px ; letter-spacing:2px; margin:15px 0 5px; text-transform:uppercase}
.postContent blockquote p { margin: 1%; line-height: 120%; }
.postContent blockquote cite { font-weight: 600; font-style: normal; margin: 1% }
.postContent hr { width:100%; margin: 5px 0 15px; border-top: 1px solid #000; float:left; border-bottom:none; border-left:none; border-right:none }
.postContent img { max-width: 100%; height:auto; display: block}
.postContent blockquote.half { float:left; width: 48%; margin: 0 2% 0 0 }
.postContent a.post-edit-link {float:left; margin: 2% 0; clear:both}
.postContent table { border-collapse: collapse }
.postContent table td { padding: 1em; border: 1px solid rgba(175, 206, 209)}
.postContent table th { padding: 1em; border: 1px solid rgba(175, 206, 209); background: rgba(175, 206, 209, 0.3)}
.flex50 { flex: 0 0 50%; padding: 0; position: relative }
.catpost .date { margin: 1em 0 0; text-align: left}
.flex { display: flex; flex-wrap: wrap; justify-content: space-between}
.flex33:hover img { opacity: 0.2}
.flex33 { flex: 0 0 30%; padding: 0; position: relative }
.flex50 img, .flex33 img { width:100%; float: left}
.flex100 { width: 100%; float: left; display: flex; padding: 0; flex-wrap: wrap; max-width: 1610px; margin: 0 auto}
h3.worktitle { margin: 1em 0 2em; text-transform: none; font-size: 2em; font-weight: normal }
h3.worktitle a { text-decoration: none; line-height: 150%; font-size: 1em; color: #552869; letter-spacing: normal; }
.date { text-align: center; margin: 7.5% 0 2.5%; font-style: italic; color: rgba(55,55,55,0.5); font-size: 0.85em }
.shared-counts-wrap { display: flex; justify-content: center}
.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon { border-radius: 16px; border: 1px solid rgba(55,55,55,0.4); margin: 1em; display: flex !important; justify-content: center; align-items: center}
.cattop { width: 100%; background: url(images/soul-background-2.jpg) no-repeat center -300px; background-size: cover; margin: 0 0 2em; color: #fff; padding: 2em 0 }
.cattop h2 { font-size: 3em; text-transform: uppercase; color: #fff; text-align: center; font-weight: normal; margin: 2em 0; letter-spacing: 5px }
.cattop .sidebarItem h3 { font-weight: 600; margin:2% 0 0; padding:2% 0 0; width: 100%; text-align: center; font-size: 2em; letter-spacing: 0.35em; text-transform: uppercase; color: #fff }
.cattop .sidebarItem { max-width: 1260px; margin: 0 auto; background: #353535 }
.cattop .sidebarItem .textwidget { padding: 1%; }
.cattop .sidebarItem .textwidget p { text-align: center}
.cattop .sidebarItem .textwidget p a { color: #fff; font-size: 12px; text-decoration: underline}
.pagetop { width: 86%; background: url(images/page-top.jpg) no-repeat left; background-size: cover; margin: 0 0 1em; color: #fff; padding: 2em 7% }
.pagetop h1 { max-width: 1400px; font-size: 3em; color: #fff; padding: 0; margin: 0 auto }
.waitinglist { display: inline-block}
.displaynone { display: none !important } 

/*** Specials ***/
.postContent .wp-caption { background: #f8f7eb; border: solid 1px #EBE9D7; text-align: center; padding-bottom: 4px; }
.postContent .wp-caption img { border: solid 5px #f8f7eb; }
.postContent .wp-caption p { margin: 0px; }
.has-gold-color, .has-gold-color a { color: #a08c73 !important }
.has-darkgrey-color, .has-darkgrey-color a { color: #373737 !important }
.has-purple-color, .has-purple-color a { color: #552869 !important }
.has-darkpurple-color, .has-darkpurple-color a { color: #371e4b !important }
.has-pink-color, .has-pink-color a { color: #f03c78 !important }
.has-black-color { color: #000000 }
.has-white-color, .has-white-color a { color: #ffffff !important; text-decoration: none }
.has-gold-background-color { background-color: #a08c73 }
.has-darkgrey-background-color { background-color: #373737 }
.has-purple-background-color { background-color: #552869 }
.has-darkpurple-background-color { background-color: #371e4b }
.has-pink-background-color { background-color: #f03c78 }
.has-white-background-color { background-color: #ffffff; }
.wp-block-buttons > .wp-block-button a { text-decoration: none }
.alignfull { margin: 0 calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignwide { max-width: calc(1610px - 370px); margin: 0 auto; padding: 0}
form.post-password-form h2 { text-align: center; text-transform: uppercase; letter-spacing: 3px }
form.post-password-form button { margin: 0 10px; font-size: 0.9em; padding: 8px 15px }
form.post-password-form p { display: flex; justify-content: center}

/* Contact Form */
input { width:auto; font-size:0.9em; padding:8px 5px; background: #fff; color: #000 ; border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input.form-control { font-size: 1.5em }
textarea { width:500px; padding:2px; background: #fff; font-family: Helvetica, sans-serif; font-size:15px; line-height:130%; color: #000; border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="submit"], button { width:auto; text-align:center; color: #fff ; cursor:pointer; padding:10px; margin:5px 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: border-box; font-family: 'Akhand'; font-size: 1.25em !important; text-transform: uppercase; font-weight: 600 }
input[type="submit"]:hover, button:hover { background:#a08c73; color:#fff }
a.button, span.kt-btn-inner-text { font-family: 'Akhand'; }


/*** Navigation ***/
.blogNavigation { font-size: 12px; width: 100%; margin: 1em auto; float: left}
.blogNavigation .alignleft a, .blogNavigation .alignright a { text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; color: rgba(55,55,55,0.4) !important}
.blogNavigation .alignleft { width: 50%; float: left; }
.blogNavigation .alignlefttitle, .blogNavigation .alignrighttitle { width: 50%; float: left; font-size: 1.75em; }
.blogNavigation .alignlefttitle a, .blogNavigation .alignrighttitle a { color: #000;  text-decoration: none}
.blogNavigation .alignrighttitle { text-align: right; float: right}
.blogNavigation .alignright { width: 50%; float: right; text-align: right; }

/*** Sidebar ***/
.sidebar { width: 100%; color: #fff }
.sidebar .sidebarItem h3 { font-weight: 600; margin:2% 0 0; padding:2% 0 0; width: 100%; text-align: center; font-size: 2em; letter-spacing: 0.05em; text-transform: uppercase; color: #fff}
.sidebar .sidebarItem { max-width: 1200px; margin: 0 auto; background: #353535 }
.sidebar .sidebarItem .textwidget { padding: 1%; }
.sidebar .sidebarItem .textwidget p { text-align: center}
.sidebar .sidebarItem .textwidget p a { color: #fff; font-size: 12px; text-decoration: underline}

/*** Footer ***/
.footer { padding: 1em ; line-height:140%; color: #fff; font-weight: 300; }
.footer a { color: #fff; text-decoration: underline }
.footer ul.social-media-icons { display: flex; list-style: none; justify-content: center; width: 100%; font-size: 12px; margin: 1% 0}
.footer ul.social-media-icons li { margin: 0 0.5em; font-size: 2em }
.footer ul.social-media-icons li a { color: #000 }
.footer ul.social-media-icons li a:hover { color: #fff }
.footer .fleft { margin: 1%; width: 48%; float: left}
.footer .fright { margin: 1%;  width: 48%; text-align: right; float: left }

/*** Footer Navigation ***/
.footer ul#footer-menu { margin: 2% 0 1%; width: 100%; display: flex; grid-gap: 2em; justify-content: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.25em; font-size: 10px}
.footer ul#footer-menu li { display:inline-block; }
.footer ul#footer-menu li a { text-decoration: none; opacity: 0.7}
.footer ul#footer-menu li a:hover { opacity: 1}

/*** Kadence Blocks ***/
.kadence-video-popup-wrap:hover .kadence-video-overlay { background: none !important }
.alignfull .kt-row-column-wrap { padding: 0 !important }
button.slick-arrow { font-size: 0px !important}

/*** Kajabi Form ***/
.kajabi-form--inline { padding: 0 !important; background: none !important; }
#kajabi-form .kajabi-form__title, #kajabi-form .kajabi-form__subtitle { display: none}
#kajabi-form .kajabi-form__content { max-width: 90% !important; }
#kajabi-form .kajabi-form__content fieldset { width: 70% ; display: flex; justify-content: space-around; flex-wrap: wrap; margin: 0 auto}
.kajabi-form__form-item { margin: 0 !important }
#kajabi-form .kajabi-form__form-item input { margin: 0 1em; padding: 5px 10px !important }
#kajabi-form .kajabi-form__btn { background: #a08c73 !important; text-transform: uppercase; padding: 5px 20px !important; height: 58px !important; margin: 0 !important; font-family: 'Akhand' !important}

.summer #kajabi-form .kajabi-form__content fieldset { width: 100% ; display: flex; justify-content: space-around; flex-wrap: nowrap; margin: 0 auto; flex-direction: column }
.summer #kajabi-form .kajabi-form__form-item input { margin: 0.5em 0; padding: 5px 10px !important; border: 1px solid #000 }
.summer #kajabi-form .kajabi-form__form-item input:last-child { margin: 0.5em 0 1em; }
.summer button.kajabi-form__btn { width: 200px }
.summer .kajabi-form__content { margin: 0 !important}

.waitinglist #kajabi-form .kajabi-form__content fieldset { width: 100% ; display: inline-block; }
.waitinglist #kajabi-form .kajabi-form__form-item input { margin: 0.5em 0; padding: 5px 10px !important }
.waitinglist #kajabi-form .kajabi-form__content { float: left }
.waitinglist #kajabi-form .kajabi-form__btn { margin: 0.5em 0 !important }

.waitinglist2 { width: 100%; display: flex; flex-wrap: wrap; justify-content: center }
.waitinglist2 #kajabi-form .kajabi-form__content fieldset { width: 100% ; justify-content: space-between}
.waitinglist2 #kajabi-form .kajabi-form__form-item input { margin: 0.5em 0; padding: 5px 10px !important; min-width: 230px }
.waitinglist2 #kajabi-form .kajabi-form__content { float: left; }
.waitinglist2 #kajabi-form .kajabi-form__btn { margin: 0.5em 0 !important }

.waitinglist3 { width: 100%; display: flex; flex-wrap: wrap; justify-content: center }
.waitinglist3 #kajabi-form .kajabi-form__content fieldset { width: 100% ; }
.waitinglist3 #kajabi-form .kajabi-form__form-item input { margin: 0.5em 0; padding: 5px 10px !important; min-width: 330px; border: 1px solid #000; background: none }
.waitinglist3 #kajabi-form .kajabi-form__content { max-width: 100% !important; }
.waitinglist3 #kajabi-form .kajabi-form__btn { margin: 0.5em auto !important }
.waitinglist3 .kajabi-form--inline { width: 100vw}

/*** Popups ***/
.pum-close { margin: 0 }
img.alignleft { float: left; margin: 0 20px 20px 0}
.pum #kajabi-form .kajabi-form__content fieldset { margin: 0; flex-direction: column; width: 100% }
.pum #kajabi-form .kajabi-form__form-item input { margin: 1em 0; border: solid 1px #353535 }
.pum #kajabi-form .kajabi-form__btn { padding: 10px 30px !important; margin: 0.5em auto!important; width: auto; height: auto !important}

/*** Calendly ***/
.calendlyform { height: 800px !important }

/* -- Media Queries -- */

@media only screen and (min-width : 601px) and (max-width : 900px) {
.header .logonavwrapper { padding: 0 2%; width: 96%}
.home .postContent .content2 { padding: 0 }
.home .postContent h2 { font-size: 8vw; }
.home .postContent h3 { font-size: 5vw; }
.postContent { padding: 0}
.contact { display: none}
.content, .sidebar { width: 100%; }
.cattop {  background: url(images/soul-background-1.jpg) no-repeat center 0; }
.cattop h2 { margin: 1em 0}
.alignwide { padding: 0 50px }
#kajabi-form .kajabi-form__form-item { width: 100% !important; display: inherit !important; margin: 0 0 10px !important }
#kajabi-form .kajabi-form__content fieldset { flex-direction: column; align-items: center}
#kajabi-form .kajabi-form__btn--block-mobile { width: 20vh !important}
}

@media only screen and (max-width : 600px) {
.header .logonavwrapper { padding: 0 5%; width: 90%}
.header .logonavwrapper .logo { width:200px; height: 50px}
.header .logonavwrapper .basket { margin: 0 1em 0 auto}
.header ul.social-media-icons { display: none; }
.home .postContent .content2 { padding: 0 }
.pagetop { padding: 2em; }
.pagetop h1 { font-size: 2.5em }
.postContent { max-width: 100%; padding: 0}
.postContent h2 { line-height: 125% !important }
.sidebar .sidebarItem h3 { font-size: 1.5em; letter-spacing: 0.2em; line-height: 1}
.contentwrap { width: 90%; flex-direction: column; padding: 0 5%}
.cattop { background: url(images/soul-background-1.jpg) no-repeat center 0; }
.cattop h2 { margin: 1em 0}
.flex33 { flex: 1 auto;}
.alignwide { padding: 0 20px }
.blogNavigation .alignlefttitle, .blogNavigation .alignrighttitle { display: none }
.sidebarhome .sidebarItem { flex: 0 46%}
.footer { width: 98%; padding: 1em 1% }
.footer .fleft, .footer .fright { font-size: 0.8em }
.footerfinal { justify-content: space-between}
#kajabi-form .kajabi-form__form-item { width: 100% !important; display: inherit !important; margin: 0 0 10px !important }
#kajabi-form .kajabi-form__content fieldset { flex-direction: column; align-items: center}
#kajabi-form .kajabi-form__btn--block-mobile { width: 20vh !important}
}

@media only screen and (max-width : 320px) {
.sidebarhome .sidebarItem { width: 100% }
}