/* CSS Reset and Base Styles */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{line-height:1}

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}

table{border-collapse:collapse;border-spacing:0}

body{-webkit-text-size-adjust:none}

*,:after,:before{box-sizing:border-box}

/* Package Grid Styles */
.package-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2em;
    margin: 3em 0;
}

.package-card {
    background: #f9f9f9;
    border: 2px solid #efefef;
    border-radius: 8px;
    padding: 2em;
    transition: all 0.3s ease;
}

.package-card:hover {
    border-color: #da8e3a;
    box-shadow: 0 4px 12px rgba(218, 142, 58, 0.15);
    transform: translateY(-2px);
}

.package-card h2 {
    color: #da8e3a;
    margin-bottom: 1em;
    font-size: 1.4em;
}

.package-card p {
    margin-bottom: 1.5em;
    color: #666;
}

.package-card ul {
    margin-bottom: 1.5em;
    list-style: none;
}

.package-card ul li {
    margin-bottom: 0.5em;
    padding-left: 1.5em;
    position: relative;
}

.package-card ul li:before {
    content: "✓";
    color: #da8e3a;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.package-card .actions {
    margin-top: 1.5em;
    text-align: center;
}

.package-info {
    background: #f9f9f9;
    border-left: 4px solid #da8e3a;
    padding: 2em;
    margin: 3em 0;
    border-radius: 0 8px 8px 0;
}

.package-info h2 {
    color: #da8e3a;
    margin-bottom: 1em;
}

/* Package Detail Page Styles */
.package-details {
    background: #f9f9f9;
    border: 2px solid #efefef;
    border-radius: 8px;
    padding: 2em;
    margin: 2em 0;
}

.package-details ul {
    list-style: none;
}

.package-details h2 {
    color: #da8e3a;
    margin-bottom: 1em;
}

.package-details ul li {
    margin-bottom: 0.8em;
    padding-left: 1.5em;
    position: relative;
    line-height: 1.6;
}

.package-details ul li:before {
    content: "✓";
    color: #da8e3a;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.package-pricing {
    background: #fff;
    border: 2px solid #da8e3a;
    border-radius: 8px;
    padding: 2em;
    margin: 2em 0;
    text-align: center;
}

.package-pricing h2 {
    color: #da8e3a;
    margin-bottom: 1em;
}

.package-pricing p {
    font-size: 1.3em;
    margin-bottom: 1em;
}

.package-benefits {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 2em;
    margin: 2em 0;
}

.package-benefits ul {
    list-style: none;
}

.package-benefits h2 {
    color: #da8e3a;
    margin-bottom: 1em;
}

.package-benefits ul li {
    margin-bottom: 0.8em;
    padding-left: 1.5em;
    position: relative;
}

.package-benefits ul li:before {
    content: "✓";
    color: #da8e3a;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Contact Icons */
.icon.fa-phone:before {
    content: "📞";
    font-size: 1.2em;
    margin-right: 0.5em;
}

.icon.fa-envelope-o:before {
    content: "✉️";
    font-size: 1.2em;
    margin-right: 0.5em;
}

.icon.fa-map-marker:before {
    content: "📍";
    font-size: 1.2em;
    margin-right: 0.5em;
}

/* Navigation Lists - Remove Markers */
.navDoula ul,
.navDoula ul li,
.nav ul,
.nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Contact Section Styling */
.contact-highlight {
    background: #f9f9f9;
    border-left: 4px solid #da8e3a;
    padding: 2em;
    margin: 3em 0;
    border-radius: 0 8px 8px 0;
    text-align: center;
}

.contact-highlight h2 {
    color: #da8e3a;
    margin-bottom: 1em;
}

.contact-highlight p {
    margin-bottom: 2em;
}

.contact-highlight .labeled-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    margin-bottom: 2em;
}

.contact-highlight .labeled-icons li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    padding: 1em;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #efefef;
    transition: all 0.3s ease;
}

.contact-highlight .labeled-icons li:hover {
    background: #ffffff;
    border-color: #da8e3a;
    transform: translateY(-1px);
}

.contact-highlight .labeled-icons h3 {
    margin: 0;
    font-size: 1.2em;
    color: #da8e3a;
}

.contact-highlight .labeled-icons a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.contact-highlight .labeled-icons a:hover {
    color: #da8e3a;
}

.contact-highlight .actions {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 2em;
    flex-wrap: wrap;
}

/* Button styles for contact highlight section */
.contact-highlight .button {
    background: #ffffff;
    border: 2px solid #da8e3a;
    color: #da8e3a;
    transition: all 0.3s ease;
}

.contact-highlight .button:hover {
    background: #da8e3a;
    color: #ffffff;
}

.contact-highlight .button.special {
    background: #da8e3a;
    border: 2px solid #da8e3a;
    color: #ffffff;
    transition: all 0.3s ease;
}

.contact-highlight .button.special:hover {
    background: #e69c4a;
    border-color: #e69c4a;
}

/* Responsive adjustments for package grid */
@media screen and (max-width: 736px) {
    .package-grid {
        grid-template-columns: 1fr;
        gap: 1.5em;
    }
    
    .package-card {
        padding: 1.5em;
    }
    
    .package-info {
        padding: 1.5em;
        margin: 2em 0;
    }
    
    .package-details,
    .package-pricing,
    .package-benefits {
        padding: 1.5em;
        margin: 1.5em 0;
    }
}

/* Container and Grid System */
.container{margin-left:auto;margin-right:auto}
.container.\31 25\25{width:100%;max-width:1200px;min-width:960px}
.container.\37 5\25{width:720px}
.container.\35 0\25{width:480px}
.container.\32 5\25{width:240px}
.container{width:960px}

/* Grid System - Responsive */
@media screen and (max-width:1800px){
    .container.\31 25\25{width:100%;max-width:1200px;min-width:960px}
    .container.\37 5\25{width:720px}
    .container.\35 0\25{width:480px}
    .container.\32 5\25{width:240px}
    .container{width:960px}
}

@media screen and (max-width:1280px){
    .container.\31 25\25{width:100%;max-width:1200px;min-width:960px}
    .container.\37 5\25{width:720px}
    .container.\35 0\25{width:480px}
    .container.\32 5\25{width:240px}
    .container{width:960px}
}

@media screen and (max-width:980px){
    .container.\31 25\25{width:100%;max-width:1200px;min-width:960px}
    .container.\37 5\25{width:720px}
    .container.\35 0\25{width:480px}
    .container.\32 5\25{width:240px}
    .container{width:960px}
}

@media screen and (max-width:736px){
    .container.\31 25\25{width:100%;max-width:1200px;min-width:960px}
    .container.\37 5\25{width:720px}
    .container.\35 0\25{width:480px}
    .container.\32 5\25{width:240px}
    .container{width:960px}
}

@media screen and (max-width:480px){
    .container.\31 25\25{width:100%;max-width:1200px;min-width:960px}
    .container.\37 5\25{width:720px}
    .container.\35 0\25{width:480px}
    .container.\32 5\25{width:240px}
    .container{width:960px}
}

/* Row System */
.row{border-bottom:1px solid transparent}
.row,.row>*{box-sizing:border-box}
.row>*{float:left}
.row:after,.row:before{content:"";display:block;clear:both;height:0}
.row.uniform>*>:first-child{margin-top:0}
.row.uniform>*>:last-child{margin-bottom:0}

.row.\30 \25>*{padding:0}
.row.\30 \25{margin:0 0 -1px}
.row.uniform.\30 \25>*{padding:0}
.row.uniform.\30 \25{margin:0 0 -1px}

.row>*{padding:0 0 0 2.5em}
.row{margin:0 0 -1px -2.5em}
.row.uniform>*{padding:2.5em 0 0 2.5em}
.row.uniform{margin:-2.5em 0 -1px -2.5em}

/* Column Classes */
.\31 2u,.\31 2u24{width:100%;clear:none;margin-left:0}
.\31 1u,.\31 1u24{width:91.6666666667%;clear:none;margin-left:0}
.\31 0u,.\31 0u24{width:83.3333333333%;clear:none;margin-left:0}
.\39 u,.\39 u24{width:75%;clear:none;margin-left:0}
.\38 u,.\38 u24{width:66.6666666667%;clear:none;margin-left:0}
.\37 u,.\37 u24{width:58.3333333333%;clear:none;margin-left:0}
.\36 u,.\36 u24{width:50%;clear:none;margin-left:0}
.\35 u,.\35 u24{width:41.6666666667%;clear:none;margin-left:0}
.\34 u,.\34 u24{width:33.3333333333%;clear:none;margin-left:0}
.\33 u,.\33 u24{width:25%;clear:none;margin-left:0}
.\32 u,.\32 u24{width:16.6666666667%;clear:none;margin-left:0}
.\31 u,.\31 u24{width:8.3333333333%;clear:none;margin-left:0}

/* Typography */
body{background:#fff}
body.is-loading *,body.is-loading :after,body.is-loading :before{animation:none!important;transition:none!important}

body,input,select,textarea{
    color:#666;
    font-family:'Source Sans Pro', -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,Ubuntu,roboto,noto,segoe ui,arial,sans-serif;
    font-size:16pt;
    font-weight:400;
    line-height:1.75em
}

a{
    transition:color .2s ease-in-out,border-color .2s ease-in-out;
    border-bottom:1px dotted;
    color:#da8e3a;
    text-decoration:none
}

a:hover{
    border-bottom-color:transparent;
    color:#da8e3a!important;
    text-decoration:none
}

b,strong{color:#020202;font-weight:400}
em,i{font-style:italic}

p{margin:0 0 2em;font-size:1.2em}

h1,h2,h3,h4,h5,h6{color:#020202;font-weight:400;line-height:1em;margin:0 0 1em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}

h1{font-size:2.5em;line-height:1.5em}
h2{font-size:1.5em;line-height:1.5em}
h3{font-size:1.25em;line-height:1.5em}
h4{font-size:1.1em;line-height:1.5em}
h5{font-size:.9em;line-height:1.5em}
h6{font-size:.7em;line-height:1.5em}

sub{top:.5em}
sub,sup{font-size:.8em;position:relative}
sup{top:-.5em}

hr{border:0;border-bottom:2px solid #efefef;margin:2em 0}
hr.major{margin:3em 0}

blockquote{border-left:6px solid #efefef;font-style:italic;margin:0 0 2em;padding:.5em 0 .5em 1.5em}

code{background:#f7f7f7;border-radius:.35em;border:2px solid #efefef;margin:0 .25em;padding:.25em .65em}
code,pre{font-family:Courier New,monospace;font-size:.9em}

pre{-webkit-overflow-scrolling:touch;margin:0 0 2em}
pre code{display:block;line-height:1.75em;padding:1em 1.5em;overflow-x:auto}

.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}

article.special,section.special{text-align:center}

header p{color:#b2b2b2;position:relative;margin:0 0 1.5em}
header h2+p{font-size:1.25em;margin-top:-1em;line-height:1.5em}
header h3+p{font-size:1.1em;margin-top:-.8em;line-height:1.5em}
header h4+p,header h5+p,header h6+p{font-size:.9em;margin-top:-.6em;line-height:1.5em}
header.major h2{font-size:2em}

/* Forms */
form{margin:0 0 2em}

label{color:#020202;display:block;font-size:.9em;font-weight:400;margin:0 0 1em}

input[type=email],input[type=password],input[type=text],select,textarea{
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    appearance:none;
    background:#f7f7f7;
    border-radius:.35em;
    border:2px solid transparent;
    color:inherit;
    display:block;
    outline:0;
    padding:0 .75em;
    text-decoration:none;
    width:100%
}

input[type=email]:invalid,input[type=password]:invalid,input[type=text]:invalid,select:invalid,textarea:invalid{box-shadow:none}
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#da8e3a}

input[type=email],input[type=password],input[type=text],select{height:2.75em}
textarea{padding:.75em}

/* Lists */
ol{list-style:decimal;margin:0 0 2em;padding-left:1.25em}
ol li{padding-left:.25em}

ul{list-style:disc;margin:0 0 2em;padding-left:1em}
ul li{padding-left:.5em;font-size:1.3em}

ul.alt{list-style:none;padding-left:0}
ul.alt li{border-top:2px solid #efefef;padding:.5em 0}
ul.alt li:first-child{border-top:0;padding-top:0}

ul.icons{cursor:default;list-style:none;padding-left:0}
ul.icons li{display:inline-block;padding:0 1em 0 0}
ul.icons li:last-child{padding-right:0}
ul.icons li .icon:before{font-size:1.5em}

ul.actions{cursor:default;list-style:none;padding-left:0}
ul.actions li{display:inline-block;padding:0 1em 0 0;vertical-align:middle}
ul.actions li:last-child{padding-right:0}
ul.actions.small li{padding:0 .5em 0 0}
ul.actions.vertical li{display:block;padding:1em 0 0}
ul.actions.vertical li:first-child{padding-top:0}
ul.actions.vertical li>*{margin-bottom:0}
ul.actions.vertical.small li{padding:.5em 0 0}
ul.actions.vertical.small li:first-child{padding-top:0}
ul.actions.fit{display:table;margin-left:-1em;padding:0;table-layout:fixed;width:calc(100% + 1em)}
ul.actions.fit li{display:table-cell;padding:0 0 0 1em}
ul.actions.fit li>*{margin-bottom:0}
ul.actions.fit.small{margin-left:-.5em;width:calc(100% + .5em)}
ul.actions.fit.small li{padding:0 0 0 .5em}

/* Buttons */
.button,input[type=button],input[type=reset],input[type=submit]{
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    appearance:none;
    transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;
    background-color:transparent;
    border-radius:.35em;
    border:3px solid #da8e3a;
    color:#da8e3a!important;
    cursor:pointer;
    display:inline-block;
    font-weight:400;
    height:3.15em;
    height:calc(2.75em + 6px);
    line-height:2.75em;
    min-width:10em;
    padding:0 1.5em;
    text-align:center;
    text-decoration:none;
    white-space:nowrap
}

.button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#da8e3a}

.button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{
    background-color:rgba(218,142,58,.1);
    border-color:#da8e3a;
    color:#da8e3a!important
}

.button.special,input[type=button].special,input[type=reset].special,input[type=submit].special{
    background-color:#da8e3a;
    border-color:#da8e3a;
    color:#fff!important
}

.button.special:hover,input[type=button].special:hover,input[type=reset].special:hover,input[type=submit].special:hover{
    background-color:#de9a4f;
    border-color:#de9a4f
}

.button.special:active,input[type=button].special:active,input[type=reset].special:active,input[type=submit].special:active{
    background-color:#d38228;
    border-color:#d38228
}

/* Layout Components */
#header{
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -moz-flex-direction:column;
    flex-direction:column;
    -moz-align-items:-moz-flex-end;
    -ms-align-items:-ms-flex-end;
    align-items:flex-end;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    justify-content:space-between;
    background-color:#1f1815;
    background-attachment:scroll,fixed;
    background-image:url("assets/bg-f4d0efbfd1a4a04237635abfdd45ee14.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    color:hsla(0,0%,100%,.5);
    height:100%;
    left:0;
    padding:8em 4em;
    position:fixed;
    text-align:right;
    top:0;
    width:35%
}

#header>*{
    -ms-flex-shrink:0;
    flex-shrink:0;
    width:100%
}

#header>.inner{
    -moz-flex-grow:1;
    -ms-flex-grow:1;
    flex-grow:1;
    margin:4em 0 2em
}

#header b,#header h2,#header h3,#header h4,#header h5,#header h6,#header strong{color:#fff}

#header h1{
    color:hsla(0,0%,100%,.5);
    font-size:1.35em;
    line-height:1.75em;
    margin:0
}

#header .image.avatar{margin:0 0 1em;width:6.25em}

#header .nav,#header>.inner{z-index:5;position:relative}

#header:after{
    position:absolute;
    background:#000;
    width:100%;
    height:100%;
    content:"";
    top:0;
    left:0;
    opacity:.5
}

#header.header-doula{
    background-image:url("assets/bg_doula-86680af811dc0531a4ff5ab110e4f8d8.jpg");
    background-repeat:no-repeat;
    background-size:cover
}

#footer{z-index:5;position:relative}
#footer .icons{margin:1em 0 0}
#footer .copyright,#footer .icons a{color:hsla(0,0%,100%,.4)}
#footer .copyright{font-size:.8em;list-style:none;margin:1em 0 0;padding:0}
#footer .copyright li{border-left:1px solid hsla(0,0%,100%,.25);display:inline-block;line-height:1em;margin-left:.75em;padding-left:.75em}
#footer .copyright li:first-child{border-left:0;margin-left:0;padding-left:0}
#footer .copyright li a{color:inherit}

#main{margin-left:35%;max-width:54em;padding:8em 4em 4em;width:65%}
#main>section{border-top:2px solid #efefef;margin:4em 0 0;padding:4em 0 0}
#main>section:first-child{border-top:0;margin-top:0;padding-top:0}

/* Custom Components */
.label-phone{margin-left:.2em;font-size:1.5rem}

.actions li{font-size:.9em}

.block{display:block}

/* Responsive Design */
@media screen and (max-width:1800px){
    body,input,select,textarea{font-size:12pt}
}

@media screen and (max-width:1280px){
    #header{padding:6em 3em 3em;width:30%}
    #header h1{font-size:1.25em}
    #header h1 br{display:none}
    #footer .copyright li{border-left-width:0;display:block;line-height:2.25em;margin-left:0;padding-left:0}
    #main{margin-left:30%;max-width:none;padding:6em 3em 3em;width:70%}
}

@media screen and (max-width:980px){
    h1 br,h2 br,h3 br,h4 br,h5 br,h6 br{display:none}
    ul.icons li .icon{font-size:1.25em}
    #header{
        background-attachment:scroll;
        background-position:50%;
        background-size:cover;
        left:auto;
        padding:6em 4em;
        position:relative;
        text-align:center;
        top:auto;
        width:100%;
        display:block
    }
    #header h1{font-size:1.75em}
    #header h1 br{display:inline}
    #footer{bottom:auto;left:auto;padding:4em 4em 6em;position:relative;text-align:center;width:100%}
    #footer .copyright,#footer .icons{margin:0 0 1em}
    #footer .copyright li{border-left-width:1px;display:inline-block;line-height:1em;margin-left:.75em;padding-left:.75em}
    #main{margin:0;padding:6em 4em;width:100%}
}

@media screen and (max-width:736px){
    h1{font-size:1.5em}
    h2{font-size:1.2em}
    h3{font-size:1em}
    article.special,section.special{text-align:center}
    header.major h2{font-size:1.35em}
    #header{padding:2.25em 1.5em}
    #header h1{font-size:1.35em}
    #footer{padding:2.25em 1.5em}
    #main{padding:2.25em 1.5em .25em}
    #main>section{margin:2.25em 0 0;padding:2.25em 0 0}
}

@media screen and (max-width:480px){
    ul.actions{margin:0 0 2em}
    ul.actions li{display:block;padding:1em 0 0;text-align:center;width:100%}
    ul.actions li:first-child{padding-top:0}
    ul.actions li>*{margin:0!important;width:100%}
    ul.actions li>.icon:before{margin-left:-2em}
    ul.actions.small li{padding:.5em 0 0}
    ul.actions.small li:first-child{padding-top:0}
    #header{padding:4.5em 1.5em}
    #header h1 br{display:none}
    #footer .copyright li{border-left-width:0;display:block;line-height:2.25em;margin-left:0;padding-left:0}
    .\34 u,.\34 u24,.\36 u,.\36 u24,.\38 u,.\38 u24{width:100%}
}