/*
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: 768px) {
    .hidephone {
      display:none!important;} }

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

/* THEME */

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

.ubermenu *:focus{
    outline:none!important;
}

/* NAVI */

.navi-by-bonfire .menu li {
    margin: 0 0 2em 0;
    font-family: "poppins", sans-serif;}

/* MENU */

#site-header {
    border-bottom: 1px solid #40499D!important;
    border-left: 1px solid #40499D;
}

/* DEVICES */

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

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

/* FONTS */

.poppins {font-family: "poppins", sans-serif;}

.manrope {font-family: "Manrope", serif;}

body {color: #40499D; font-family: "Manrope", serif;}

b {font-weight: 800;}

p {font-family: "Manrope", serif; font-size: 1.7rem;}

@media only screen and (max-width: 768px) {
    .fontxl {font-size: 2.5rem; font-family: "poppins", sans-serif; line-height: 1.5;} }

@media only screen and (min-width: 769px) {
    .fontxl {font-size: 4rem; font-family: "poppins", sans-serif; line-height: 1.5;} }

.fontlarge {font-size: 2.3rem;}

.fontmedium {font-size: 2rem; font-weight: 300;}

.blueheadingbold {font-size: 3rem; font-family: "poppins", sans-serif; color: #40499D;}

.blueheadingboldsm {font-size: 2.3rem; font-family: "poppins", sans-serif; color: #40499D;}

.whiteheadingbold {font-size: 3rem; font-family: "poppins", sans-serif; color: #fff;}

.whiteprices {font-size: 3rem; font-family: "poppins", sans-serif; color: #fff; line-height: 0;}

.whitefont {color: #fff;}

.yellowfont {color: #E8DC00;}

a.paoc-popup-click.paoc-popup-cust-441.paoc-popup-simple_link.paoc-popup-link {
	color: #fff!important;
}

@media only screen and (max-width: 768px) {
    .whitexl {
    font-family: "poppins", sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;} }

@media only screen and (min-width: 769px) {
    .whitexl {
    font-family: "poppins", sans-serif;
    font-size: 90px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;} }

@media only screen and (max-width: 768px) {
    .teal_large {
    color: #36BDB4; font-size: 3rem;
    font-family: "poppins", sans-serif;
    font-weight: 400;
} }

@media only screen and (min-width: 769px) {
    .teal_large {
    color: #36BDB4; font-size: 4rem;
    font-family: "poppins", sans-serif;
    font-weight: 400;
} }

.percentage {font-size: 5rem; font-weight: 200; line-height: 4rem!important; margin-top: .5em; font-family: "poppins", sans-serif;}

@media only screen and (min-width: 768px) {
    .headingxl {font-family: "poppins", sans-serif; font-weight: 200; color: #E2E31E; font-size: 8rem;} }

@media only screen and (max-width: 767px) {
    .headingxl {font-family: "poppins", sans-serif; font-weight: 200; color: #E2E31E; font-size: 6rem;} }

ol {
   list-style: none;
   counter-reset: item;
 }

ol ol li::before {
    content: counters(item, ".") " ";
}

ol li {
   counter-increment: item;
   margin-bottom: 5px;
 }

 ol li:before {
   vertical-align: top;
   margin-right: 10px;
   margin-top: 4rem;     
   content: counter(item);
   color: white;
   text-align: center;
   display: inline-block;
   font-size: 1.5rem;
   content: counters(item, ".") ". ";    
 }

ul li {margin-bottom: 1em; font-size: 1.5rem}

li::marker {
  color: #36BDB4;
}

/* CALENDLY */

a.VJL48qbQzWENTFAh1Knk.f3c_Dda7HKHqraeedxG1 {
    display: none!important;
}

/* ICONS */

.fa-phone, .fa-envelope {background: #40499D; color: #E2E31E; border-radius: 50px; padding: 0.5em;}

.margintop {margin-top: 6em;}

/* BUTTONS */

.greenbtn  {color: #40499D!important; background: #E2E31E; font-weight: 400; padding: 0.3em 1em 0.5em 1em; display: inline-block; border-radius: 50px; font-size: 2rem;}

.greenbtn:hover  {background: #FFF;}

a.greenbtn  {color: #40499D!important;}

.bluebtn  {color: #fff!important; background: #40499D; font-weight: 400; padding: 0.3em 1em 0.5em 1em; display: inline-block; border-radius: 50px; font-size: 2rem;}

.bluebtn:hover  {background: #E2E31E; color: #fff;}

a.bluebtn  {color: #fff!important;}

.yellowbtn  {color: #40499D!important; background: #E8DC00; font-weight: 400; padding: 0.3em 1em 0.5em 1em; display: inline-block; border-radius: 50px; font-size: 1.7rem;}

.yellowbtn:hover  {background: #36BDB4; color: #fff!important;}

.paoc-popup-btn {
    padding: 0.3em 1em 0.5em 1em!important;
    background: #E8DC00!important;
    color: #40499D!important;
    border-radius: 50px!important;
	font-size: 1.7rem!important;
}

.paoc-popup-btn:hover {
    background: #36BDB4!important;
    color: #fff!important;
}

a.fa-solid.fa-basket-shopping {
	font-size: 4rem;
    color: #fff;
}

#advanced_floating_content_400 {
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    font-size: 35px;
    color: #FFFFFF;
    border-radius: 50px;
}

/* BACKGROUNDS */

.greenbg {background: #E8DC00;}

.bluebg {background: #40499D;}

.bluebox {background: #40499D; border-radius: 25px; color: #fff;}

.tealbox {background: #36BDB4; border-radius: 25px; color: #fff;}

.lavenderbox {background: #B9B9DD; border-radius: 25px; color: #fff;}

.lightbg {background: rgba(185, 185, 221, 0.15);}

.colorpattern {background-image: url("/wp-content/uploads/2025/01/pattern-full-color.svg"); background-repeat: repeat-x;}

.spiral {background-image: url("/wp-content/uploads/2025/03/spiral.svg"); background-repeat: no-repeat; background-size: 20%; background-position: bottom left;}

@media only screen and (min-width: 768px) {
    .paddingmedium {padding-top: 5em; padding-bottom: 5em;} }

@media only screen and (max-width: 767px) {
    .paddingmedium {padding-top: 2.5em; padding-bottom: 2em;} }

.paddingtop {padding-top: 5em;}

.paddingtopsm {padding-top: 2em;}

.paddingbottom {padding-bottom: 5em;}

@media only screen and (min-width: 768px) {
    .homeimg2 {
        background-image: url("/wp-content/uploads/2025/03/what-we-build-desktop.jpg");
        background-size: cover;
        background-position: left center;} }

@media only screen and (max-width: 767px) {
    .homeimg2
    {background-image: url("/wp-content/uploads/2025/03/what-we-build-mobile.jpg");
        background-size: cover;
        background-position: center bottom;
        padding-bottom: 20em;} }

.whitebox {background: rgba(255, 255, 255, 0.9);}

.bluetitle {
        background-image: url("/wp-content/uploads/2025/03/blue-background.svg");
        background-size: cover;
        background-position: left center;
}

.greentitle {
        background-image: url("/wp-content/uploads/2025/03/green-background.svg");
        background-size: cover;
        background-position: left center;
}

/* PACKAGES */

.tabledarktop {background: #40499D; border-radius: 25px 25px 0 0; color: #fff; height: 100%;}

.tablelighttop {background: #5F69C1; border-radius: 25px 25px 0 0; color: #fff; height: 100%;}

.tabledarkbottom {background: #40499D; border-radius: 0 0 25px 25px; color: #fff; height: 100%; min-width: 290px;}

.tablelightbottom {background: #5F69C1; border-radius: 0 0 25px 25px; color: #fff; height: 100%; min-width: 290px;}

.paoc-popup-simple_link.paoc-popup-link {color: #E8DC00;}

.paoc-close-popup {background: #36BDB4!important;}

.custombox-overlay.custombox-fadein.custombox-open.paoc-popup-active.paoc-popup-overlay {background: rgba(64, 73, 157, 0.8)!important;}

/* ACCORDION */

/* Style the buttons that are used to open and close the accordion panel */
.packages {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  padding: 1em 0 0 0;
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #fff; 
  outline: none;
  transition: 1.5s;
  border-radius: 0;	
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.packages:hover {
  background-color: transparent;
  border-bottom: 1px solid #fff;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 1em 0 0 0;
  background-color: transparent;
  display: none;
  overflow: hidden;
  color: #fff!important; 
  font-family: "Manrope", serif;
  font-weight: 200!important;   
  font-size: 1.7rem!important;
}

/* TEAM */

.ctshowcase-team-member-name {font-family: "Manrope", serif; font-weight: 200; font-size: 2.5rem!important;}

.ctshowcase-team-member-job-title {font-family: "Manrope", serif; font-weight: 200; font-size: 1.5rem!important;}

/* BOOOKING */

.cell-price, .cell-location, .mpa-cart-total, .mpa-checkout-section.mpa-order-details {display: none;}

.product-quantity {
	display: none!important;
}

th.product-name {
	display: none!important;
} 

th.product-thumbnail {
	display: none!important;
} 

th.product-remove {
	display: none!important;
} 

form.wcqt-quote-product-form {
    margin-top: 0!important;
}

td.product-remove {
	font-size: 3em!important;
	color: #40499D!important;
}

a.remove {
	color: #40499D!important;
}

/* WOOCOMMERCE & QUOTES */

.product.woocommerce.add_to_cart_inline {
	border: 0!important;
    padding: 0!important;
}

.woocommerce-cart-form.wcqt-contact-form {
    background: rgba(185, 185, 221, 0.15)!important;
}

table.wcqt-quote-table tr.actions-row {
    border-bottom: none !important;
    display: none!important;
}

/* CART */

#advanced_floating_content_400.page-id-2 {
	display:none;
}

#advanced_floating_content_400.page-id-40 {
	display:none;
}

/* CONTACT FORM */

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

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

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

input.wpmtst_submit_testimonial {
    border: 1px solid #40499D!important;
    background: #fff;
    border-radius: 50px;
    color: #05038C;
}

input.wpmtst_submit_testimonial:hover {
    border: 1px solid #40499D!important;
    background: #05038C;
    border-radius: 50px;
    color: #fff;
}

/* relocate spinner - below button */
.wpcf7-spinner {display: block;top: 15px;left: 45%;}

input[type="email"] {border: 0!important; border-radius: 0!important; background-color: #fff!important;}

input[type="text"] {border: 0!important; border-radius: 0!important; background-color: #fff!important;}

input[type="tel"] {border: 0!important; border-radius: 0!important; background-color: #fff!important;}

textarea {border: 0!important; border-radius: 0!important; background-color: #fff!important;}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #40499D !important;
    opacity: 1;
    padding: 0.5em;
    font-family: "Manrope", serif!important;
    font-weight: 200!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #40499D !important;
    opacity: 1;
    padding: 0.5em;
    font-family: "Manrope", serif!important;
    font-weight: 200!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #40499D !important;
    opacity: 1;
    padding: 0.5em;
    font-family: "Manrope", serif!important;
    font-weight: 200!important;  
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #40499D !important;
    opacity: 1;
    padding: 0.5em;
    font-family: "Manrope", serif!important;
    font-weight: 200!important; 
}