/*
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 */

/* MOBILE */

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

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

/* STYLE */

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

body {font-size: 16px; background: #000!important; font-weight: 300!important; font-family: "Averta", sans-serif!important;}

p {font-size: 16px;}

.smtxt {font-size: 12px;}

.blackbg {background: #000;}

.whitetxt {color: #fff;}

h2 {font-size: 21px!important; text-transform: uppercase;}

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

.roundimg {border-radius: 50%;}

.paoc-popup-btn {
    background: #FFF!important;
    color: #000!important;
    border-radius: 0!important;
	font-size: 24px!important;
}

a {text-decoration: none!important}

#site-logo #site-logo-inner a img {
    height: 110px;
	padding-top: 3em;
}

#site-header #site-logo {    
		float: none;    
		display: block;    
		text-align: center;    
		width: 100%;
		max-width: none;
	}
	#site-logo #site-logo-inner {    
		display: block;
		height: auto;
	}

.blog-post-author {
	display:none!important;
}

@media only screen and (max-width: 767px) {
	h1.single-post-title {font-size: 26px!important; padding-top: 6em;} }

@media only screen and (min-width: 768px) {
    h1.single-post-title {font-size: 34px!important; padding-top: 6em;} }

@media only screen and (max-width: 767px) {
	#main #content-wrap {
    padding-top: 0!important;
} }

@media only screen and (max-width: 767px) {
.single-header-ocean-3 {
    margin-bottom: 20px!important;
	} }

.bdpp-post-grid-wrap.bdpp-design-2 .bdpp-post-grid-content {
	background: #666; padding-bottom: 3em;}

/* HERO HOME */

@media only screen and (max-width: 767px) {
    .herohome {color: #fff; background-image: url(/wp-content/uploads/2024/08/hero-mobile.jpg); background-size: contain; background-repeat: no-repeat;} }

@media only screen and (min-width: 768px) {
    .herohome {color: #fff; background-image: url(/wp-content/uploads/2024/08/panoramica-hero.jpg); background-size: cover; background-repeat: no-repeat;} }

@media only screen and (max-width: 767px) {
    h1.hero {font-size: 23px; text-transform: uppercase; padding-top: 6em;} }

@media only screen and (min-width: 768px) {
    h1.hero {font-size: 35px; text-transform: uppercase; padding-top: 6em; padding-bottom: 1em;} }

/* HERO TEAM */

@media only screen and (max-width: 767px) {
    .heroteam {color: #fff; background-image: url(/wp-content/uploads/2024/08/hero-mobile.jpg); background-size: contain; background-repeat: no-repeat;} }

@media only screen and (min-width: 768px) {
    .heroteam {color: #fff; background-image: url(/wp-content/uploads/2024/08/panoramica-hero.jpg); background-size: cover; background-repeat: no-repeat;} }

@media only screen and (max-width: 767px) {
    h1.hero-team {font-size: 23px; text-transform: uppercase; padding-top: 11em;} }

@media only screen and (min-width: 768px) {
    h1.hero-team {font-size: 35px; text-transform: uppercase; padding-top: 6em; padding-bottom: 1em;} }

/* ELEMENTS */

.whitebox {background: #fff; color: #666; font-size: 16px; font-weight: 300!important;}

.homegallery {margin-top: 2em;}

.ctahome {margin-top: 1em;}

/* CONTACT FORM */

.contact-space {padding-right: 0!important; padding-left: 0!important; margin-bottom: 1em;}

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border: 0px!important;
    background-color: #000!important;
    color: #fff!important;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border: 0px!important;
    background-color: #000!important;
    color: #fff!important;
}

input[type="email"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important;}

input[type="text"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important;}

input[type="tel"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important;}

textarea {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important; min-height: 6em!important; max-height: 6em!important;}

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

/* YOUTUBE */

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}