/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/

*{
margin:0;
padding:0;
color:#2c2c2b;
}
h1,h2,h3,h4,h5,h6{
	font-family:'Nunito';
}
img{
	max-width:100%;
	height:auto;
}

.mar_auto{
	width:980px;
	margin:auto;

}


.navbar-light .navbar-nav .nav-link.active {
    color: #1ac7f4;
}

a.dropdown-item {
    color: #1ac7f4;
}
button.btn.btn-primary {
    background-color: #5cba3c;
    border-color: #5cba3c;
    border-radius: 0;
}

a.btn.btn-primary {
    background-color: #5cba3c;
    border-color: #5cba3c;
    border-radius: 0;
    transition: all .4s ease;
}
a.btn.btn-primary:hover, button.btn.btn-primary:hover {
    background-color: #4f9f33;
}
 /* Parallax styles */
    .parallax {
      min-height: 600px; /* Adjust height as needed */
      background-image: url('/wp-content/uploads/2024/02/pexels-karolina-grabowska-4506110-scaled.jpg');
      background-size: cover;
      background-attachment: fixed;
      background-position: center;
      position: relative;
    }
    
    /* Content overlay */
  .content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    color: white;
    width: 100%;
    padding: 50px 20px;
    background-color: rgba(54, 124, 188, 0.5);
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}
.content-overlay h2, .content-overlay h3, .content-overlay p{
	color:white;
}
img.ser {
    width: 50%;
    border-radius: 50%;
    transition: all .4s ease;
    margin-bottom: 20px;
    max-width: 200px;
}
img.ser:hover {
    transform: scale(1.05);
}
footer h1, footer h2, footer h3, footer h4, footer p, footer li, footer a {
    color: #1ac7f4;
}

footer li {
    list-style: none;
}


footer ul {
    padding-left: 0;
}

footer i {
    color: #1ac7f4;
    font-size: 26px;
}
.social-icons li {
    display: inline;
    margin-right: 10px;
}
.gray-bg {
	background-color:#eeeeee;
}