/*
    Theme Name: Lonely
    Theme URL: https://bootstrapmade.com/free-html-bootstrap-template-lonely/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/
/* ==== Google font ==== */
/*@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

body {
    min-height: 50rem;
    padding-top: 4rem;
    width: 100%;
    height: 100%;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
    color: #777;
	font-size: 16px;
	line-height: 1.2em;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    font-family: 'Karla', serif;
    font-weight: 300;
    color: #333;
}

blockquote {
	font-family: 'Karla', serif;
    font-size: 14px;
    
    border: 0;
    margin: 0;
    padding:0;
    quotes: "\201C""\201D""\2018""\2019";
    /*margin: 1em 10px 0;
    padding: 0.5em 10px 0;
    quotes: "\201C""\201D""\2018""\2019";*/
}

blockquote:before {
  font-family: 'EB Garamond', Georgia, serif;
  font-weight: bold;
  content: open-quote;
  font-size: 14px;
  margin-right:2px;
}

blockquote:after {
    font-family: 'EB Garamond', Georgia, serif;
    font-weight: bold;
    content: close-quote;
    font-size: 14px;
    margin-left:2px;
}

p {
    margin: 0 0 20px;
    line-height: 1.5em;
}
p.quote {
    font-family: 'EB Garamond','Georgia',  serif;
    font-size: 28px;
    margin-bottom: 10px;
    font-style: italic;
}

p.lead {
	font-weight: 400;
    color: #000;
    font-size: 21px;
    font-family: 'EB Garamond','Georgia',  serif;
}

blockquote p {
  font-size: 14px;
  display: inline;
}

a {
    color: #d07270;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #fe8a87;
}


.light {
    font-weight: 400;
}

img.img-responsive {
	margin-bottom: 20px;
}

.image-frame {
  width: 262px;
  height: 262px;
  
  border-radius: 50%;
  margin: 0 auto .5rem;
  padding: 10px;
  border: 1px solid #ccc;
}

.image-cropper {
  width: 240px;
  height: 240px;
  margin:0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  
}

#precious-soul img {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}
/* misc */
hr {
  margin-top: 10px;
  border-color: #ccc;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}

/* ===========================
--- General sections
============================ */

h1, h2, h3 {
    font-family: 'EB Garamond','Georgia',  serif;
}

h1 {
    font-size: 42px;
}
h2 {
    font-family: 'EB Garamond','Georgia',  serif;
    font-size: 36px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
    font-weight:600;
}

/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f8f8f8;
}

.bg-peach {
    margin:0 auto;
    max-width: 100%;
    padding: 2rem;
    background-color: #f5e6e3;
}

.bg-ltgray {
    margin:0 auto;
    max-width: 100%;
    padding: 2rem;
    background-color: #777;
    color:#fff !important;
    border-top:1px solid #333; 
    border-bottom:1px solid #333;
}

.bg-dark {
	background: #575757;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}

.container {
    padding: 2rem 0;
}

.content-holder {
    padding: 50px 0 0;
}
#intro .content-holder {
    padding: 50px 0;
}
.content-holder hr {
    width: 25%;
    border-color: #777;
    margin: 30px auto;
}

/* ===========================
--- Intro
============================ */

.outer_holder {
    background-color: rgba(255,255,255,0);
    padding:0px 50px 25px 100px;
}

#beings {
    margin-top: 50px;
    margin-bottom: 50px;
}
#beings-content h3, #beings-content hr {
    display: none;
}
.being-frame {
    background-color: #eed4bf; 
    padding: 42px 15px;
}
.being-frame-invert {
    background-color: #fbf4ee;
    padding: 42px 15px;
}
#beings p {
    font-size: 16px;
    margin:20px auto;
    
}
#beings p.frameheader {
    font-size:12px;
    margin: 15px auto ;
    text-align: center;
    color:#333;
    letter-spacing: .2rem;
}

.icon .fa {
	color: #fff;
}

/* ==========================
--- Coaching Services
============================= */


p.footnote {
    font-size: 14px;
    font-style: italic;
}

/* ===========================
--- Social
============================ */
#social {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top:0;
}
#social a.iconlink {
    font-size: 24px;
    color: #4a4a4a;
    margin: 0 25px;
}

#social a.iconlink:hover {
    color: #fe8a87;
    cursor: pointer;
}
#social .centered {
    text-align: center;
}
/* ===========================
--- Footer
============================ */

footer {
	text-align: center;
	padding: 50px 0 30px;
	
}


footer a {
	color: #fff;
}

footer a:hover {
	color: #ccc;
}

.footerwrap {
    background-color: #2f2f2f;
    color: #999;
    text-align: center;
    padding: 50px 0 30px;
    width: 100%;
}
.footerwrap p {
    font-size:14px; 
}

.footerwrap a {
    color: #ddd;
}
.footerwrap a:hover {
    color: #fff;
}
.footerwrap a.active {
    text-decoration: underline;
}

#footer-nav {
    margin: 50px auto 0;
    width: auto;
    text-align: center;
}
#footer-nav span {
    
    margin: 0 auto;
    padding: 0 5px;
}
#footer-nav span a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    color: #4a4a4a;
}
#footer-nav span a:hover {
    color: #fe8a87;
    cursor: pointer;
}

/* ===========================
--- Elements
============================ */

.btn {

    font-weight: 300;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 0
}

a.btn:hover {
	color: #fff;
}

.btn-default {
    border: 1px solid #d07270;
    outline: 0;
    color: #fff;
    background-color: #d07270;/*#28c3ab;*/
    font-weight: 600;
    font-size:14px;
}
a.btn-default:hover, 
a.btn-default:focus,
#btnContactUs:hover, 
#btnContactUs:focus {
    border: 1px solid #fe8a87;
    background-color: #fe8a87;
    color: #fff;
}
.btn-invert {
    border: 1px solid #ab5846;
    outline: 0;
    color: #ab5846;
    background: #fff;
    font-weight: 400;
    font-size:14px;
    text-transform: uppercase;

}
a.btn-invert:hover,
a.btn-invert:focus {
    border: 1px solid #fe8a87;
    color: #fff;
    background-color: #fe8a87;
}

#beings-content .btn-invert {
    font-size: 12px;
    padding: 4px 8px;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.btn-frame {
    width:100%;
    padding: 25px;
    font-size: 21px;
}

.btn-schedule, .btn-contact {
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 0;
}

.banner-social-buttons {
    margin-top: 0;
}


.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

h2.inblock {
    font-size: 2rem; 
    margin-top:2rem;
    margin-bottom: 1rem;

}

#profile-photo {
    max-width: 100%;
    max-height: 100%;
}
.bask {
    font-family: 'EB Garamond','Georgia',  serif;
}
.section-title p.subhead {
    font-size:12px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin: 0 0 10px;
    color: #ccc;
}
.section-title h4 {

}
.product-frame {
    padding: 0 20px;
    font-size: 16px;
}
.product-frame p {
    font-size: 16px;
}
.product-frame a.lk-buttons {
    margin-right: 30px;
    text-transform: uppercase;
    text-decoration: underline;

}


h4.subhead {
    margin-bottom:0;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 15px;
}
img.product-photo {
    
    max-width: 100%;
    max-height: 100%;

}
img.profile {
    width: 240px;
    height: auto;
    margin-bottom: 25px
}



#beings-content p {margin-bottom: 8px}

/* Media queries */

@media (min-width:768px) {
    .container {
        width: 100%;
    }

}

@media (max-width:768px) {
    .container {
        padding-left:0;
        padding-right:0;        
    }
    

    #beings-content hr {
        margin: 30px auto;
        width:100%;
    }
	.being-frame, .being-frame-invert {
        margin-top: 15px; margin-bottom: 15px
    }

	.col-xs-6 {
		margin-bottom: 30px;
	}

    .note-item {
        width: 50%;
    }
}

.hide {
    display:none;
}

.tx18 {
    font-size:18px;
}


form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    background: #fff;
}

.validation {
    color: #cc0000;
    display:none;
    margin: 10px 0 5px;
    font-weight:400;
    font-size:13px;
    text-align: left;
}

#sendmessage {
   
    display:none;
    text-align:center;
    padding:15px;
    margin-bottom:15px;
    border-radius: 12px;
    background-color: #eee;
}

#errormessage {
    color: #cc0000;
    display:none;
    background-color: #f9d9d9;
    border-radius: 12px;
    text-align:center;
    padding:15px;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
    display:block;
}

@media (max-width:480px) {
    body {font-size: 14px;}
   

    h1 {
        font-size: 28px;
    }
    body.sPoetry h1 {
        font-size:32px;
    }
    h2 {
        font-size: 24px;
    }
    h2.inblock {
        font-size: 24px;
    }
    h3, .brandname h3 {
        font-size: 18px;
    }
    
    h4 {
        font-size: 16px;
        margin: 20px 0;
    }
    p, .bespoke-coaching li {
        font-size: 14px;
    }
    p.quote {
        font-size: 18px;
    }
   
    #beings {
        margin-top: 0;
        margin-bottom:0;
    }
    #beings p a {
        margin-bottom: 0;
    }
    .being-frame, .being-frame-invert{
        padding: 20px 15px 15px;
        margin-top: 0;
    }
	
}