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

:root {
    --container-width: 1560px;
}

/*
.admin-bar #wrap .header-wrap {
    top: 32px;
}
*/

#wrap {
    overflow: hidden;
}

#wrap .header-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
}

#wrap .header-wrap #site-navigation-wrap .dropdown-menu > li > a {
    color: #ffffff;
}

#wrap .header-wrap #site-navigation-wrap .dropdown-menu > li > a:hover {
    color: #e0e0e0;
}

#wrap .header-wrap .oceanwp-mobile-menu-icon a {
    color: #ffffff;
}

#wrap .header-wrap .oceanwp-mobile-menu-icon a:hover {
    color: #e0e0e0;
}

#site-header .dropdown-menu ul.sub-menu > li:first-child > ul {
    top: -3px;
}

#wrap #site-navigation-wrap .site-search-toggle,
#wrap #site-navigation-wrap .site-search-toggle span {
    font-size: 22px;
    font-weight: 600;
    vertical-align: middle;
}

#wrap .elementor-text-editor p:last-child {
    margin-bottom: 0px;
}

#wrap .site-footer ul.menu,
#wrap .footer-section ul.menu {
    margin: 0px;
    padding: 0px;
}

#wrap .site-footer ul.menu li,
#wrap .footer-section ul.menu li {
    margin: 0px;
    padding: 0px;
    display: block;
    list-style-type: none;
    line-height: 1.2;
}

#wrap .site-footer ul.menu li a,
#wrap .footer-section ul.menu li a {
    color: #acadaf;
    display: block;
    margin: 0px;
    padding: 10px 0px;
    line-height: 1.2;
}

#wrap .site-footer ul.menu li a:hover,
#wrap .footer-section ul.menu li a:hover {
    color: #ffffff;
}

#wrap .site-footer .elementor-icon-box-icon a,
#wrap .footer-section .elementor-icon-box-icon a {
    color: #ffffff;
}

#wrap .site-footer .elementor-icon-box-icon a:hover,
#wrap .footer-section .elementor-icon-box-icon a:hover {
    color: #ffffff;
}

#wrap .site-footer .elementor-icon-box-title a,
#wrap .footer-section .elementor-icon-box-title a {
    color: #acadaf;
}

#wrap .site-footer .elementor-icon-box-title a:hover,
#wrap .footer-section .elementor-icon-box-title a:hover {
    color: #ffffff;
}

#wrap .site-footer .wpcf7 form .wpcf7-response-output,
#wrap .footer-section .wpcf7 form .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
}

#wrap .site-footer .wpcf7 input[type="text"],
#wrap .footer-section input[type="text"],
#wrap .site-footer .wpcf7 input[type="email"],
#wrap .footer-section input[type="email"],
#wrap .site-footer .wpcf7 input[type="url"],
#wrap .footer-section input[type="url"],
#wrap .site-footer .wpcf7 input[type="number"],
#wrap .footer-section input[type="number"],
#wrap .site-footer .wpcf7 input[type="tel"],
#wrap .footer-section input[type="tel"],
#wrap .site-footer .wpcf7 textarea,
#wrap .footer-section .wpcf7 textarea {
    padding: 10px;
    background: #26272b;
    border: 1px solid #303236;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.14px;
    color: #ffffff;
}

#wrap .site-footer .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #929294;
}

#wrap .site-footer .wpcf7 .wpcf7-form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #929294;
    opacity: 1;
}

#wrap .site-footer .wpcf7 .wpcf7-form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #929294;
}

#wrap .site-footer .wpcf7 .wpcf7-form-control::placeholder { /* Most modern browsers support this now. */
    color: #929294;
}

#wrap .footer-section .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #929294;
}

#wrap .footer-section .wpcf7 .wpcf7-form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #929294;
    opacity: 1;
}

#wrap .footer-section .wpcf7 .wpcf7-form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #929294;
}

#wrap .footer-section .wpcf7 .wpcf7-form-control::placeholder { /* Most modern browsers support this now. */
    color: #929294;
}

#wrap .site-footer .wpcf7 textarea,
#wrap .footer-section .wpcf7 textarea {
    height: 140px;
    resize: none;
    border-radius: 0px;
}

#wrap .site-footer .wpcf7 button,
#wrap .footer-section .wpcf7 button,
#wrap .site-footer .wpcf7 input[type="submit"],
#wrap .footer-section .wpcf7 input[type="submit"],
#wrap .site-footer .wpcf7 input[type="button"],
#wrap .footer-section .wpcf7 input[type="button"] {
    padding: 15px 0px;
    margin: 0px;
    background: #3b4044;
    color: #ffffff;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 1.2;
}

#wrap .site-footer .wpcf7 button:hover,
#wrap .footer-section .wpcf7 button:hover,
#wrap .site-footer .wpcf7 input[type="submit"]:hover,
#wrap .footer-section .wpcf7 input[type="submit"]:hover,
#wrap .site-footer .wpcf7 input[type="button"]:hover,
#wrap .footer-section .wpcf7 input[type="button"]:hover {
    background: #5b6064;
}

#wrap .site-footer .wpcf7 .oceanwp-row.row-last .col,
#wrap .footer-section .wpcf7 .oceanwp-row.row-last .col {
    margin-bottom: 0px;
}

#wrap .elementor-widget-image-carousel {
    padding-bottom: 130px;
}

#wrap .elementor-widget-image-carousel .elementor-swiper-button i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

#wrap .elementor-widget-image-carousel .elementor-swiper-button-prev {
    top: 100%;
    left: 50%;
    right: auto;
    transform: none;
    background: #33373b;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    text-align: center;
    margin: -80px 0px 0px 0px;
    -webkit-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0);
}

#wrap .elementor-widget-image-carousel .elementor-swiper-button-next {
    top: 100%;
    left: auto;
    right: 50%;
    transform: none;
    background: #33373b;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    text-align: center;
    margin: -80px 0px 0px 0px;
    -webkit-transform: translate3d(100px,-0,0);
    transform: translate3d(100px,0,0);
}

#wrap .pa-gallery-img .pa-gallery-icons-inner-container {
    top: 50%;
}

#wrap .elementor-text-editor ul li::marker {
    color: #d8424d;
}

#wrap .section-specs table {
    font-size: 22px;
    color: #606366;
    border: none;
}

#wrap .section-specs table:last-child {
    margin-bottom: 0px;
}

#wrap .section-specs table tr {
    border: none;
}

#wrap .section-specs table th {
    text-transform: none;
    color: #d8424d;
    font-size: 26px;
    font-weight: bold;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e4e5e5;
}

#wrap .section-specs table td {
    border: none;
}

#wrap .section-specs table td strong {
    font-weight: 500;
    color: #2b2f33;
}

#wrap .section-specs table th:first-child,
#wrap .section-specs table td:first-child {
    width: 40%;
}

#wrap .section-specs table td:last-child {
    padding-right: 25%;
    text-align: right;
}

@media (min-width: 768px) {

#wrap .angled-section::after {
    content: '';
    position: absolute;
    top: 80px;
    right: 0px;
    left: 0px;
    height: 25vw;
    background: white;
    transform: skewY(-4.3deg);
    transform-origin: top left;
    z-index: 0;
}

#wrap .angled-tabs .elementor-tabs-wrapper {
    transform: skewY(-4.3deg);
    transform-origin: top left;
    z-index: 1000;
    background: black;
}

#wrap .angled-tabs .elementor-tab-desktop-title {
    height: 80px;
    padding: 0px 5px;
    font-size: 15px;
}

#wrap .angled-tabs .elementor-tab-desktop-title a {
    height: 80px;
    line-height: 80px;
    display: inline-block;
    padding: 0px;
    font-size: 15px;
}

#wrap .angled-tabs .elementor-tab-content {
    padding: 0px;
}

#wrap .angled-tabs .elementor-tabs-content-wrapper {
    background: #ffffff;
    z-index: 1;
    position: relative;
    margin-top: 50px;
    padding-bottom: 50px;
}

}

@media (min-width: 960px) {

#wrap .angled-tabs .elementor-tab-desktop-title {
    font-size: 16px;
    padding: 0px 10px;
}

#wrap .angled-tabs .elementor-tab-desktop-title a {
    font-size: 16px;
}

}

@media (min-width: 1023px) {

#wrap .angled-section::after {
    top: 100px;
}

#wrap .angled-tabs .elementor-tabs-content-wrapper {
    margin-top: 80px;
    padding-bottom: 80px;
}

#wrap .angled-tabs .elementor-tab-desktop-title {
    height: 100px;
    font-size: 20px;
    padding: 0px 15px;
}

#wrap .angled-tabs .elementor-tab-desktop-title a {
    height: 100px;
    line-height: 100px;
    font-size: 20px;
}

}

@media (min-width: 1280px) {

#wrap .angled-tabs .elementor-tabs-content-wrapper {
    margin-top: 100px;
    padding-bottom: 100px;
}

#wrap .angled-tabs .elementor-tab-desktop-title {
    font-size: 24px;
    padding: 0px 20px;
}

#wrap .angled-tabs .elementor-tab-desktop-title a {
    font-size: 24px;
}

}

@media (min-width: 1400px) {

#wrap .angled-tabs .elementor-tab-desktop-title {
    font-size: 25px;
    padding: 0px 25px;
}

#wrap .angled-tabs .elementor-tab-desktop-title a {
    font-size: 25px;
}

}

@media (min-width: 1500px) {

#wrap .angled-tabs .elementor-tab-desktop-title {
    font-size: 26px;
    padding: 0px 35px;
}

#wrap .angled-tabs .elementor-tab-desktop-title a {
    font-size: 26px;
}

}

@media (min-width: 1560px) {

#wrap .angled-tabs .elementor-tabs-wrapper {
    padding-left: calc((100vw - var(--container-width)) / 2)
}

}

@media (max-width: 767px) {

#wrap #site-header .elementor-icon-box-wrapper,
#wrap .header-section .elementor-icon-box-wrapper {
    text-align: center;
}

#wrap .site-footer .elementor-icon-box-wrapper,
#wrap .footer-section .elementor-icon-box-wrapper {
    text-align: center;
}

#wrap .site-footer ul.menu li,
#wrap .footer-section ul.menu li,
#wrap .site-footer ul.menu li a,
#wrap .footer-section ul.menu li a {
    text-align: center;
}

#wrap .mobile-center {
    text-align: center;
}

#wrap .angled-tabs .elementor-tab-content {
    background: #ffffff;
}

#wrap .angled-tabs .elementor-tab-mobile-title {
    padding: 20px 10px;
    font-size: 26px;
}

#wrap .angled-tabs .elementor-tab-mobile-title a {
    font-size: 26px;
}

#wrap .section-specs table td:last-child {
    padding-right: 0px;
}

}