/*
Theme Name:     su petersen
Author:         Denise
Description:   Trying to make bootstrap work in wordpress and do it without block editor.
Version:        .1
 CSS Document */


/*
Theme Name:     su petersen
Author:         Denise
Description:   Trying to make bootstrap work in wordpress and do it without block editor.
Version:        .1
 CSS Document */


body {
 	background-color: #f5ede5;
 	font-family: "Raleway" Arial sans-serif;
	
}

.welcome {
	
	/*background-image: url(https://www.suncitymassage.com/wp-content/uploads/2024/11/massage.jpg);
	background-repeat:no-repeat;
	background-size: 70%;
	background-attachment: fixed;
	background-position: center center;
    /*-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;*/
	
	
	
}

.header {
	background-color:#f5ede5;
	
}
 

@media (min-width: 1170px) 
	{.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
		{
		max-width: 200%;
		height: auto;
		
		}
	}

.massage img {
	max-width: 100%;
	min-width: 50%;
	/*margin-left: -23%;*/
}
.backgroundGreen
	{background-image: url(https://www.suncitymassage.com/backgroundGreenSu.png)
		
		
	}

.iconBar {
	 background-color:#01769e;
 }


.rcorners {
	 border-radius: 3em;
	padding: 0 .5em 0 .5em;
}


.blog-nav li {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
}
.blog-nav li a {
  color: #01769e;
}
.navbar-toggler.btn{
    color:#01769e;
}
.navbar{
    padding-bottom:.2rem;
    padding-top:.2rem
}
.nav-link{
    color:#474848;
    font-size:1.1rem;
    font-weight:700;
    padding-right:0;
    text-decoration:none
	display: inline-block;
}
.nav-link {
   	font-family: "Raleway"; 
	font-weight: 600;
}
.nav-link.active,.nav-link:hover{
    color:#01769e
}
ul.nav li:last-child .menu-sep{
    border-right:none;
    padding-right:0
}
ul.nav li:last-child .nav-link{
    padding-right:1rem
}
#footer, .btn, .heading-phone {
   font-family: "Raleway";   font-weight: 600
}
.heading-social-icon-inner {
   font-family: "Raleway";   font-size: 1rem;}

#footer-cp .standard-link {
   font-weight: 400;}

.bg-white-trans-80{
    background-color:hsla(0,0%,100%,.8)
}
.bg-white-trans-60{
    background-color:hsla(0,0%,100%,.6)
}
.bg-white-trans-45{
    background-color:hsla(0,0%,100%,.45)
}
 .bg-white-trans-70{
    background-color:hsla(0,0%,100%,.7)
}
.theme-color-1{
    color:#01769e
}

h1,h2,h3,h4,h5,h6{
    font-family:Raleway;
    font-weight:300;
	color: #01769e;
}

p {
	 font-family:Raleway;
    font-weight:400
}


#heading-title, .heading-subpage{
    font-family:Raleway;
    font-weight:400
}
#heading-title{
    font-size:2.8rem
}
#heading-subtitle{
    font-family:Raleway;
    font-size:1.9rem;
    font-weight:400
}



.heading-phone{
    font-size:1.5rem;
    font-weight:700
}
.menu-expand{
    border:2px solid #474848;
    font-size:inherit;
    line-height:inherit
}
.heading-social-icon{
    border-radius:.5rem;
    height:2rem;
    padding-top:.15rem;
    width:2rem
}
.heading-social-icon-inner{
    color:#fff;
    height:1.4rem;
    width:1.4rem
}
#heading>.heading-phone-social{
    background-color:hsla(0,0%,100%,.45)
}
#heading>.heading-site-title{
    background-color:hsla(0,0%,100%,.6);
    padding-bottom:1rem;
    padding-top:.8rem
}
#heading> .heading-nav{
    background-color:hsla(0,0%,100%,.45)
}
.img-responsive{
    display:block;
    height:auto;
    max-width:100%
}

/*.page{
    background-image: url (greenery.jpg);
	background-color:hsla(0,0%,100%,.8);
    border-radius:.8rem;
    margin-bottom:1.85rem;
    margin-top:1.85rem;
    padding:1.85rem
}*/

a.standard-link{
    color:#01769e;
    text-decoration:none;
}
a.standard-link:hover{
    text-decoration:underline;
}
#footer .item{
    margin-bottom:.7rem;
}
#footer-bg{
    background-color:hsla(0,0%,100%,.7);
}
#footer-cp{
    background-color:hsla(0,0%,100%,.6);
    padding:.175rem
}
.business-address{
    font-weight:700
}
.business-name{
    color:#01769e;
    font-size:1.2rem
}

.img-responsive{
    display:block;
    height:auto;
    max-width:100%
}
.user-image-wrap{
    height:auto;
    margin-bottom:1.5rem;
    width:auto;
}