#jp-relatedposts {
    display: none !important;
}

.header-main {
        border-top: solid 3px #203375;
}

#header-contact {
	font-size: larger;
	color: #203375! important;	
}

.icon-phone:before {
	content: "";
     content: "\e0b0";
	font-family: "Material Icons Outlined"!important;
    background-color: #eef1fc;
    color: #203375;
    border-radius: 30px;
    padding: 5px;
    margin-right: 5px;
	font-size: x-large;
}

#header-contact.nav>li>a {
    color: #203375;
}

.archive .category-page-title {
	display: none !important;
	
}

.woocommerce .box-image, .home-prod .box-image {
	border-radius: 10px 10px 10px 10px !important;
}

.home-img .box-image {
	border-radius: 10px 10px 10px 10px !important;
}

.cust-radius .fill {
	border-radius: 30px !important;
}

.woocommerce-loop-product__title a {
    display: block;
    font-weight: bold;
    padding-bottom: 5px !important;
}

.nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
    color: hsla(0, 0%, 100%, 1.0);
}

/* Wrapper for centering the title */
.custom-title-wrapper {
    text-align: center;
	padding-bottom: 15px;
}

/* Main title (H2) */
.custom-main-title {
    font-size: 2em;
    font-weight: bold;
    color: #203375; /* Adjust color as needed */
}

#menu-item-191 > a > img {
	margin-right: 7px !important;
}

.nav-line-bottom>li>a:before {
    height: 2px;
    margin-bottom: 1px;
}

.nav-spacing-xlarge>li {
    padding-left: 2px;
	padding-right: 2px;
}


.header-bottom {
	border-bottom: solid thin rgb(217 202 134 / 15%);
	border-top: solid thin rgb(217 202 134 / 15%);
}

.mfp-bg {
    background: rgb(27 27 27 / 25%);
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	background-color: #fff;
}

.sec__footer2 {
	font-size: smaller;
	color: white;
}

/* BASE */
.tooltipster-base {
	display: none!important;
}

.absolute-footer {
    color: #333 !important;
    font-size: small;
    padding-bottom: 40px;
    padding-top: 20px;
}


.soc__ico.social-icons i {
	background-color: whitesmoke;
	padding: 5px 8px !important;
	border-radius: 7px !important;
	color: #3a1f0d;
}

#gform_fields_1,
#gform_fields_2,
#gform_fields_3 {
    grid-row-gap: 8px;
}

#gform_submit_button_2,
#gform_submit_button_1,
#gform_submit_button_3 {
    color: #fff !important;
    padding: 16px 35px;
    border: 0px solid rgba(114, 114, 114, 0.4);
    border-radius: 8px !important;
    box-shadow: 0 1px 0px rgba(114, 114, 114, 0.3);
	font-weight: bold;
    background-color: #fa8e2c !important;
    text-transform: uppercase;
}

#gform_fields_3 .gform_drop_area {
    padding: 12px !important;
}

/* Change border for Gravity Forms fields, excluding checkboxes and radio buttons */
body .gform_wrapper .gform_body .gform_fields .gfield input:not([type="checkbox"]):not([type="radio"]),
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    border: 1px solid lightgray;
    border-radius: 0px;
    padding: 23px 20px;
	box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%) !important;
}

.box-overlay.dark .box-text{
    text-shadow: 1px 1px 1px rgb(0 0 0 / 0%);
}

.button:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .05);
    color: #fff;
    opacity: 1;
    outline: none;
}

.header .icon-menu:before {
    content: "\e5d2" !important;
    font-family: 'Material Icons' !important;
	font-size: xx-large;
}

.mfp-close {
    background: #8dd01a;
    margin-top: 5px !important;
    margin-right: 5px !important;
    border-radius: 50px !important;
}

.mfp-ready .mfp-close {
    opacity: 1;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 0%);	
}

/* Only ipad: */
@media (min-width: 850px) {
    .header-main .header-nav, .header-bottom .header-nav {
        font-size: small;
    }
}

/* Only desktop: */
@media (min-width: 1180px) {
    .header-main .header-nav, .header-bottom .header-nav {
        font-size: unset;
    }
	.page-title-inner {
    padding-left: 30px;
}
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    /* For mobile phones: */
    #logo {
        max-width: 150px;
    }

    #masthead {
        height: 80px !important;
    }
	
	.header-bottom {
    background-color: #f0f0f0 !important;
}
.nav>li>a {
    color: hsl(0deg 0% 0%);
}
	
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background-color: hsl(0deg 0% 100%);
}

    .off-canvas-right .mfp-content,
    .off-canvas-left .mfp-content {
        width: 80% !important;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 0%);
        padding: 15px !important;
    }

    .off-canvas-left .mfp-content,
    .off-canvas-right .mfp-content {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 0%);
        transition: transform 100ms ease 0ms;
    }
	
	    .nav-sidebar {
        padding-top: 30px;
}

	.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: rgb(0 0 0 / 0%);
}
	
    .off-canvas .nav-vertical>li>a {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .nav-sidebar.nav-vertical>li+li {
        border-top: 0px solid #ececec;
    }

    .absolute-footer {
        font-size: xx-small;
        padding-bottom: 20px;
    }
	/* Main title (H2) */
.custom-main-title {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
    color: #203375; /* Adjust color as needed */
}
}