/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* STYLES */

@media only screen and (max-width: 767px) {
    .desktop {
      display:none!important;} }

@media only screen and (min-width: 768px) {
    .mobile {
      display:none!important;} }

html, body {
    overflow-x: hidden!important;
}

body {font-family: "Urbanist", sans-serif!important; font-weight: 300!important; letter-spacing: 1px;}

p {
    &:not(:last-child)  {
        margin-bottom: 1.5rem;
    }
}

.txtbox {font-family: "Urbanist", sans-serif; font-weight: 300!important; letter-spacing: 1px; font-size: 1.6rem; color: #fff;} 

.txtteam {font-family: "Urbanist", sans-serif; font-weight: 300!important; letter-spacing: 1px; font-size: 1.6rem; color: #fff; line-height: 4rem;} 

.txtfooter {font-family: "Urbanist", sans-serif; font-weight: 300!important; letter-spacing: 1px; font-size: 1.2rem; color: #fff;}

.roundbutton {background: tansparent; padding: 1em; color: #fff; display: inline; text-align: center; border: 1px solid #fff; border-radius: 50px;}

.roundbutton:hover {background: #fff; padding: 1em; color: #000!important; border: 1px solid #fff; transition: 0.3s;}

a {text-decoration: none!important; color: #fff!important;}

.titleunderline {border-bottom: 2px solid white; padding-bottom: 5px; display: inline-block;}

li {padding-bottom: 1em;}

@media only screen and (max-width: 767px) {
    .headingtext {color: white; font-size: 2.3rem;} }

@media only screen and (min-width: 768px) {
    .headingtext {color: white; font-size: 3rem;} }

.headingline {
    border-bottom: 2px solid #fff;
}

/* ACCORDION */

.sp-easy-accordion .sp-ea-single .ea-header a {
    font-weight: 300!important;
    font-size: 1.6rem!important;
    line-height: 28px;
}

.ea-expand-icon {
    font-size: 12px!important;
}

/* HOME PAGE */

@media only screen and (max-width: 767px) {
    .logohome {padding-bottom: 5rem;} }

@media only screen and (min-width: 768px) {
    .logohome {padding-bottom: 8rem;} }

#wrap::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background:linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.7)), url(/wp-content/uploads/2024/11/hero-bg.jpg);
  z-index: -1;
  background-size:cover;
  background-position: center center;
}

.heroimg {
  padding-top: 10rem;
  padding-bottom: 20rem;
}

@media only screen and (max-width: 767px) {
    .herofont {color: #fff; font-size: 1.6rem;} }

@media only screen and (min-width: 768px) {
	.herofont {color: #fff; font-size: 1.8rem;} }

/* CONTACT FORM */

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border: 1px solid white!important;
    background-color: rgba(0, 0, 0, 0.5)!important;
    color: #fff!important;
	border-radius: 50px;
	margin-top: 2em;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border: 1px solid white!important;
    background-color: #fff!important;
    color: #000!important;
	border-radius: 50px;
	margin-top: 2em;
}

input[type="email"] {border-radius: 0px!important; border: 1px solid white!important; background-color: rgba(0, 0, 0, 0.5)!important; color: #fff!important;}

input[type="text"] {border-radius: 0px!important; border: 1px solid white!important; background-color: rgba(0, 0, 0, 0.5)!important; color: #fff!important;}

input[type="tel"] {border-radius: 0px!important; border: 1px solid white!important; background-color: rgba(0, 0, 0, 0.5)!important; color: #fff!important;}

textarea {border-radius: 0px!important; border: 1px solid white!important; min-height: 6em!important; max-height: 6em!important; background-color: rgba(0, 0, 0, 0.5)!important; color: #fff!important;} 

.wpcf7-list-item-label {font-weight: 300!important; color: #fff!important;}

::-webkit-input-placeholder { /* WebKit browsers */
color: #fff !important;
opacity: 1;
letter-spacing: 1px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff !important;
opacity: 1;
letter-spacing: 1px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff !important;
opacity: 1;
letter-spacing: 1px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff !important;
opacity: 1;
letter-spacing: 1px;
}