/*
Theme Name: Cocoplum Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: cocoplum
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.8.1696496078
Updated: 2023-10-05 08:54:38

*/
html, body,table, div, input, select, textarea, em, b, td, tr{font-family: "Fontspring", Sans-serif;}
.site-main{padding-top: 0;padding-bottom: 0;}
.site-header{display: none;}
.no-widgets .site-footer{display: none;}
.wpcf7-form label{width: 100%;font-family: "Fontspring", Sans-serif;font-size: 14px; font-weight: 400;}
.wpcf7-form input[type=text],.wpcf7-form input[type=email], .wpcf7-form select, .wpcf7-form textarea{border: 0; border-bottom: 1px solid #999; background: transparent; max-height: 90px; width: 100%; font-size: 14px; font-family: "Fontspring", Sans-serif;}
.wpcf7-form input[type=checkbox]{border: 0; background: #E2E2E2;font-family: "Fontspring", Sans-serif;width: 18px; height: 18px;}
.wpcf7-list-item {margin: 0; width: 33%;}
.wpcf7-form h3{color: #000000; font-family: "Fontspring", Sans-serif; font-size: 18px; font-weight: 400;margin-bottom: 10px; margin-top: 18px;}
.wpcf7-list-item-label{vertical-align: text-bottom;margin-left: 4px;}
.wpcf7-form .wpcf7-form-control.wpcf7-submit{background-color: #32292F !important; width: 100%; padding: 12px 20px; font-size: 14px; font-family: "Fontspring", Sans-serif; color: #fff !important;margin-top: 15px; border: 0;}
.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover, .wpcf7-form .wpcf7-form-control.wpcf7-submit:focus{background-color: #333 !important; border: 0;}
.wpcf7 form .wpcf7-response-output{font-size: 14px;}
.sub-menu-toggle {display: none;}

.menu-logo{margin-left: 20px; margin-bottom: 20px; display: block;}
.offcanvas.offcanvas-start { background: #FFF7EF;z-index: 99999;}
.offcanvas-header .btn-close{background-color: transparent !important;}
.offcanvas-header {justify-content: flex-end;}
.page-info-sec{background: #32292F; width: 450px; font-size: 14px; color: #fff; z-index: 9999; transform: translateX(-100%) translateY(20%);transition: transform .3s ease-in-out;visibility: hidden;position: fixed; top: 0; padding: 30px;}
.page-info-sec h2{color: #fff; font-size: 30px;margin-bottom: 10px;}
.learnmore{border: 2px solid #fff; color: #fff; padding: 8px 20px; font-size: 16px;display: inline-block; text-decoration: none; margin-top: 20px;}
.learnmore:hover{color: #32292F; background: #fff;}
.offcanvas.show + .page-info-sec{transform: translateX(100%) translateY(20%);  visibility: visible;}
.offcanvas.show.hiding + .page-info-sec{transform: translateX(-100%) translateY(20%);transition: transform .3s ease-in-out;}

.nav-pills .nav-link{color:rgba(0, 0, 0, .8); font-family: "Fontspring", Sans-serif; font-size: 15px; font-weight: 300; text-transform: uppercase;}

.social-icons{display: flex;align-content: space-around; width: 100%; justify-content: space-around; max-width: 220px; margin-left: 10px; margin-top: 20px; }
.social-icons a{color: #A9A39E;}
.social-icons a:hover{color: #666;}
.dropdown-toggle:after {right: 20px; position: absolute; top: 24px;}
.dropdown-menu{margin-left: 19px !important;width: 100%;  max-width: 320px;border: 0;}
.dropdown-item{font-family: "Fontspring", Sans-serif; color: rgba(0, 0, 0, .8);font-size: 15px; font-weight: 300;}
.dropdown-item:focus, .dropdown-item:hover {background-color:#FFF7EF;}

@media(max-width: 767px){

.wpcf7-list-item {width: 50%;}

}