/*
Theme Name: Ocean SB
Theme URI:
Description: My custom child theme based on oceanwp.
Author: Atharv
Author URI:
Template: oceanwp
Version: 1.0
*/

/* Custom styles go below this line */
.sb-btn {
  background-color: #023264;
  font-family: "Urbanist", Sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: white;
  border: 2px solid #023264;
  border-radius: 8px;
  padding: 10px 22px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.sb-btn:hover {
  background-color: white;
  color: #F6661F;
  border-color: #F6661F;
}

.wpcf7-submit {
	background-color: #023264 !important;
  font-family: "Urbanist", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: white !important;
  border: 2px solid #023264 !important;
  border-radius: 8px !important;
  padding: 10px 22px !important;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

.wpcf7-submit:hover {
	background-color: white !important;
  color: #F6661F !important;
  border-color: #F6661F !important;
}

a:hover {
	color: #f6661f !important;
	cursor: pointer !important;
}
a:focus {
	outline: unset !important;
}
#menu-item-2495 > a > span {
	background-color: #023264;
    font-family: "Urbanist", Sans-serif;
    font-weight: 500;
    border-radius: 8px 8px 8px 8px;
	    color: white;
    padding: 10px 20px;
}
.footer-image {
	max-width: 20rem;
}
.ocean-single-post-header {
	margin: unset !important;
}

h1 {
  font-size: 60px;
  font-weight: 800;
}

h2 {
  font-size: 36px;
  font-weight: 800;
}

h3 {
  font-size: 22px;
  font-weight: 700;
}

h4 {
  font-size: 18px;
  font-weight: 600;
}

p {
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1024px) {
  h1 {
    font-size: 48px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  h4 {
    font-size: 17px !important;
  }

  p {
    font-size: 17px !important;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 40px !important;
  }

  h2 {
    font-size: 26px !important;
  }

  h3 {
    font-size: 18px !important;
  }

  h4 {
    font-size: 16px !important;
  }

  p {
    font-size: 16px !important;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 32px !important;
  }

  h2 {
    font-size: 22px !important;
  }

  h3 {
    font-size: 16px !important;
  }

  h4 {
    font-size: 15px !important;
  }

  p {
    font-size: 15px !important;
  }
}
.custom-logo {
	-webkit-opacity: 1 !important;
    opacity: 1 !important;
}