@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------------------
General styling
--------------------------------------------------------------*/

body {    
    min-height: 100vh;
    margin: 0;
}

.wrapper {
    margin: 0 auto;
    padding: 1% 3%;
}

header {
    padding: 0;/*padding: 2% 2% 0 2%;*/
}

.footer-main { 
    padding: 0; /*padding: 0 2% 2% 2%;*/
}

main {
    padding: 0; /*padding: 0 2%;*/
    color: #fff;
}

#content {       
}

img {
	display: block;
	border: 0;
	width: 100%;
	height: auto;
}


  @media screen and (min-width: 60em) {
      
    .wrapper { 
        padding: 1%;/*padding: 0 1% 1% 1%;*/
    }
    
}


/*--------------------------------------------------------------

 *** HOME PAGE *** *

--------------------------------------------------------------*/


/* *** WELLNESS INTRO *** */

    .wellness_intro {
        background-color: #34495e;
        color: white;
        padding: 4%;      
    }


/* *** WELLBEING SECTION *** */

    .wellbeing_wrapper {   
        padding: 4%;
        background: #f0f0f0; /*FAFAFA; #F5F5F5; #EEEEEE; #E0E0E0;*/
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .wellbeing_header {
        text-align: center;
        color: #000;
    }

    .wellbeing_section {   
        padding: 0 4%;
    }

    .wb_container {
        align-items: center;
    } 

    .wb_container .wb_card {
        margin: 8% 0;
        padding: 0;
        color: #000
    }

    .wb_container .wb_card .wb_icon {
        max-width: 20%;
        margin: 0 auto;
    }

    .wb_container .wb_card .wb_icon img {
        max-width: 100%;
    }

    .wb_container .wb_card .wb_content {
        margin: 0px;
        text-align: center;
    }


    @media screen and (min-width: 60em) {
    
    
    /* --- WELLBEING SECTION *** */
    
    .wellbeing_wrapper {
        padding: 2% 0; 
    }
    
    .wellbeing_section {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row; 
    }
    
    .wb_container {
        position: relative;
        display: flex;
        flex: 1 1 40%;
        max-width: 1000px;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
    } 

      .wb_container .wb_card {
        position: relative;
        margin: 2%;
        padding: 3%;
        display: flex;
        flex-direction: row;
    }

      .wb_container .wb_card .wb_icon {
        max-width: 150px;
        flex: 0 1 20%;
    }

     .wb_container .wb_card .wb_icon img {
        width: 100%;
    }

     .wb_container .wb_card .wb_content {
        flex: 1 1 70%;
        margin-left: 25px;
        color: #000;
         text-align: left;
    }
    
}



/* *** NATURAL THERAPIES SECTION *** */


    .natural-therapy_section {
        padding: 2% 0;      
    }

    .natural-therapy_intro {
        padding: 2% 4%;
        color: #000;
    }

    .sidebar-nt1 { 
        background-image: url('../images/home/olive_leaves_1000.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        height: 500px;
        
    }


  @media screen and (min-width: 52em) {

         
    .natural-therapy_section {
        display: flex;
        padding: 2% 0;
    }

    .natural-therapy_intro {  
        flex: 1.75 1 0;
        padding: 1% 2%;
    }

    .sidebar-nt1 { 
        flex: 1.25 1 0;
        height: auto;       
    }

}


@media screen and (min-width: 60em) {

         
    .natural-therapy_section {
        padding: 1% 0;
    }

    .natural-theraoy_intro {  
        padding: 1% 2%;
    }

}



/*--------------------------------------------------------------

 *** ABOUT ME PAGE *** *

--------------------------------------------------------------*/


    .about_section {
        padding: 2% 0; /*padding: 2%*/     
    }

    .about_intro { 
        padding: 2% 4%; /*padding: 2% 4%;*/
        color: #000;
    }

    .sidebar-a1 { 
        background-image: url('../images/about/profile_2_960w.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        height: 500px;
        
    }


  @media screen and (min-width: 52em) {

         
    .about_section {
        display: flex;
        padding: 2% 0;
    }

    .about_intro {  
        flex: 1.75 1 0;
        padding: 1% 2%;
    }

    .sidebar-a1 { 
        flex: 1.25 1 0;
        height: auto;       
    }

}


@media screen and (min-width: 60em) {

         
    .about_section {
        padding: 1% 0;
    }

    .about_intro {  
        padding: 1% 2%;
    }

}


/*--------------------------------------------------------------

 *** MASSAGE THERAPY PAGE *** *

--------------------------------------------------------------*/


/* *** MASSAGE THERAPY INTRO *** */

    .massage-therapy_intro {
        background-color: #67809f;  /*#336e7b;  #826276;  #00b3ca; Electric Indigo #8c14fc; Air Force Blue #4b77be*/
        color: white;
        padding: 4%;      
    }


/* *** HEALTH BENEFITS SECTION *** */

    .health-benefits_section {
        padding: 2% 0;      
    }

    .health-benefits_intro { 
        padding: 2% 4%;
        color: #000;
    }

    .sidebar-hb1 { 
        background-image: url('../images/massage-therapy/backpain_1000w.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        height: 500px;
        
    }


  @media screen and (min-width: 52em) {
      
      .massage-therapy_intro {
        margin: 1% 0%;      
    }

         
    .health-benefits_section {
        display: flex;
        padding: 2% 0;
    }

    .health-benefits_intro {  
        flex: 1.75 1 0;
        padding: 1% 2%;
    }

    .sidebar-hb1 { 
        flex: 1.25 1 0;
        height: auto;       
    }
      
}


@media screen and (min-width: 60em) {

         
    .health-benefits_section {
        padding: 1% 0;
    }

    .health-benefits_intro {  
        padding: 1% 2%;
    }

}


/*--------------------------------------------------------------

 *** SPORTS MASSAGE PAGE *** *

--------------------------------------------------------------*/



/* *** SPORTS MASSAGE SECTION *** */

    .sports-massage_wrapper {   
        padding: 4%;
        background: #f0f0f0; /*FAFAFA; #F5F5F5; #EEEEEE; #E0E0E0;*/
        background-repeat: no-repeat;
        background-size: cover;
    }

    .sports-massage_section {
        margin-top: 2%;
        padding: 0 4%;
    }

    .sm_container {
        align-items: center;
    } 

    .sm_container .sm_card {
        margin: 6% 0;
        color: #000
    }

    .sm_container .sm_card .sm_icon {
        max-width: 22%;
        margin: 0 auto;
    }

    .sm_container .sm_card .sm_icon img {
        max-width: 100%;
    }

    .sm_container .sm_card .sm_content {
        margin: 0px;
        text-align: left;
    }

        .sm_container .sm_card .sm_content h2 {
        text-align: center;    
    }

    .sm_container .sm_card .sm_content ul {
        font-size: .9em; 
        padding: 0 6%;
    }

    .sm_container .sm_card .sm_content li {
        padding: 1% 1%;
    }


    @media screen and (min-width: 60em) {
    
    
    /* --- SPORTS MASSAGE SECTION *** */
    
    .sports-massage_wrapper {
        padding: 2% 10%; 
    }
    
    .sports-massage_section {
    
    }
    
    .sm_container {
       
    } 

    .sm_container .sm_card {
        margin: 0;
        display: flex;
        justify-content: space-between; 
    }

    .sm_container .sm_card .sm_icon {
        max-width: 120px;
        flex: 1 1 0;
    }

    .sm_container .sm_card .sm_icon img {
        width: 100%;
    }

    .sm_container .sm_card .sm_content {
        flex: 1 1 0;
         margin-left: 30px;
    }
        
    .sm_container .sm_card .sm_content h2 {
        text-align: left;    
    }
        
    .sm_container .sm_card .sm_content ul {
        font-size: 1.1em;    
    }
        
    .sm_container .sm_card .sm_content li {
        padding: 1% 1%;
    }
    
}



/*--------------------------------------------------------------

 *** HOLISTIC MASSAGE PAGE *** *

--------------------------------------------------------------*/


/* *** HOLISTIC MASSAGE INTRO *** */

    .holistic-massage_intro {
        background-color: #826276;  /*#336e7b;*/
        color: white;
        padding: 4%;      
    }


/* *** HEALTH BENEFITS SECTION *** */

    .holistic-benefits_section {
        padding: 2% 0;      
    }

    .holistic-benefits_intro { 
        padding: 2% 4%;
        color: #000;
    }

    .sidebar-hm1 { 
        background-image: url('../images/holistic-massage/holistic-massage_1000.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        height: 500px;
        
    }


  @media screen and (min-width: 52em) {
      
      .holistic-massage_intro {
        margin: 1% 0%;      
    }

         
    .holistic-benefits_section {
        display: flex;
        padding: 2% 0;
    }

    .holistic-benefits_intro {  
        flex: 1.75 1 0;
        padding: 1% 2%;
    }

    .sidebar-hm1 { 
        flex: 1.25 1 0;
        height: auto;       
    }
      
}


@media screen and (min-width: 60em) {

         
    .holistic-benefits_section {
        padding: 1% 0;
    }

    .holistic-benefits_intro {  
        padding: 1% 2%;
    }

}



/*--------------------------------------------------------------

 *** MASSAGE TYPES *** *

--------------------------------------------------------------*/


/* *** MASSAGE TYPES INTRO *** */

    .massage-types_intro {
        background-color: #f62459;  /*#336e7b  #826276; Radical Red #f62459;  Cabaret #d2527f; */
        color: white;
        padding: 4%;      
    }

    .grid-flex {
        padding: 0;     
    }
      
     .col {
         background-color: white;      
    }
      
    .col-left {
         
    }
      
    .col-text { 
        padding: 2% 4%;
        color: #000;
    }
    
    .aligner-item {
      width: 100%;
    }
    
    .col-image {
      background-size: cover;
      background-position:center center;
    height: 250px;
    }
      
      
    @media screen and (min-width: 52em) {
   
        
    .massage-types_intro {
        background-color: #f62459;  /*#336e7b  #826276; Radical Red #f62459;  Cabaret #d2527f; */
        color: white;
        margin: 1% 0;      
    }   
        
    .col-text {
      height: 20em;
    }
    
    .grid-flex {
        margin: 1% 0;
        padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      flex-direction: row; 
      -webkit-flex-direction: row;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: space-around;
    }
    
    .col {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    
    .col-left {
      -webkit-box-ordinal-group:-1;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1;
    }
    
    .col-text {
      display: flex;
      align-items: center;
      justify-content: center;
        color: #000;
    }
    
    .Aligner-item {
      width: 90%;
    }
        
    .Aligner-item h3 {
        margin-bottom: 0;
    } 
    
    .col-image {
      height: auto;
    }
        
        }



      
/*--------------------------------------------------------------
***     CONTACT PAGE ***
--------------------------------------------------------------*/

    /* *** CONTACT SECTION *** */



    .main_contact {
       color: #000;
        padding: 0 4% 1% 4%;
    }
    

    .contact_intro {
       /* background-color: #67809f; */ 
       color: #000;
        padding: 0 4% 1% 4%;
    }


/*--------------------------------------------------------------
***     THANK YOU PAGE ***
--------------------------------------------------------------*/

    /* *** THANKYOU SECTION *** */
    

    .thankyou_intro {
        margin: 1% 0;
        padding: 4%;
        text-align: center;
        background-color: #826276;  /*#826276;  Electric Indigo #8c14fc; Cabaret #d2527f;  Hoki #67809f;  */
        color: white;
    }
    
    .thankyou_intro a {
       color: #fff;
        font-weight: bold;
        text-decoration: none;
    }
    
    .thankyou_intro a:hover {
        font-weight: bold;
        text-decoration: underline;
    }


/*--------------------------------------------------------------

 *** SITE PLAN *** *

--------------------------------------------------------------*/


/* *** SITEMAP *** */

    .sitemap_intro {
        padding: 4%;
        color: #000;
    }





/*--------------------------------------------------------------
Footer styles
--------------------------------------------------------------*/

    .footer-main {    
        padding: 0.5em 0;
        background: #555;
        color: #bbb;
        line-height: 1.5em;      
    }

    .footer-main ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ft-main {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: left;
        margin: .5em 1.5em;
    }

    .ft-main h2 {
        font-size: .9em;
        color: #fff;
        margin: 0;
        padding-bottom: 0.2em;
    }

    .ft-main a {
        text-decoration: none;
        color: #eee;
        font-size: .75em;
    }

    .ft-main a:hover {
        text-decoration: underline;
    }

    .ft-main-item {
        flex: 0 1 auto;
        padding: .5em 0;     
    }

   
    /* Style newsletter signup form */

    /*form {
        display: flex;
        flex-wrap: wrap;
    }


    input[type="email"] {
        border: 0;
        padding: 0.625em;
        margin-top: 0.3125em;
    }
    
    input[type="submit"] {
        background-color: #00d188;
        color: #fff;
        cursor: pointer;
        border: 0;
        padding: 0.625em 0.9375em;
        margin-top: 0.3125em;
    }*/



/* Footer Legal */

    .footer-legal {
        padding: 0.5em 0;
        background: #333;
        color: #fff;          
    }

    .ft-legal {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: left;
        margin: 0 1.5em;
    }

    .ft-legal p {
        margin: 0;
        padding: .3em 0;
        font-size: .7em;
    }


    .ft-legal-item {
        flex: 0 1 auto;
        padding: 0;     
    }

   



@media screen and (min-width: 30em) {
    
    .ft-main {
        padding: .6em;
        flex-direction: row;
        justify-content: space-around;
        margin: 0;
    }
    
    .ft-main h2 {
        font-size: .95em;
        padding-bottom: 0.3em;
    }
    
    .ft-main a {
        font-size: .75em;
    }
    
    .ft-main-item {
        padding: .5em 1.2em;
    }

    .ft-legal {
        padding: .5em;
        flex-direction: row;
        justify-content: space-around;
    } 
    
    .ft-legal p {
        font-size: .85em;
    } 
}


@media screen and (min-width: 40em) {
    
     .ft-main h2 {
        font-size: .95em;
        padding-bottom: 0.3em;
    }
    
    .ft-main a {
        font-size: .8em;
    }
    
    .ft-main-item {
        padding: 1.2em;
        min-width: 8.5em;     
    }
    
    .ft-legal p {
        font-size: 1em;
    }
    
}


@media screen and (min-width: 52em) {
    
     .ft-main h2 {
        font-size: 1.1em;
        padding-bottom: 0.3em;
    }
    
    .ft-main a {
        font-size: .8em;
    }
    
    .ft-main-item {
        padding: .8em 1em;
        min-width: 8.5em;     
    }
     
}


@media screen and (min-width: 60em) {
    
     .ft-main h2 {
        font-size: 1.2em;
        padding-bottom: 0.3em;
    }
    
    .ft-main a {
        font-size: .9em;
    }
     
}