/*
Theme Name: TwentyTwentyone Child
Description: This is a custom child theme for TwentyTwentytwo
Theme URI: https://eabyas.com;
Author: Ranga
Author URI: https://eabyas.com
Template: twentytwentyone
Version: 1.0
*/
@import "./assets/fonts/fonts.css";

body{
	background: #fff;
	font-family: var(--font-family-secondary);
	font-size: var(--ins-font-md);
}
h1, h2, h3, h4, h5, h6, p{
	font-family: var(--font-family-secondary);
}
a{
	text-decoration: none;
	color: var(--font-color-primary);	
}

header.site-main-header .site-logo {
    margin: auto;
}
header.site-main-header {
    background: var(--site-header-bg);
    padding: 0;
    margin: 0;
    display: flex;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}
header.site-main-header .primary-menu-container {
    margin: 0;
}
header.site-main-header .primary-menu-container ul.menu-wrapper li.menu-item a {
    font-size: 16px;
    font-family: var(--font-family-secondary-semi-bold);
    line-height: 38px;
    text-decoration: none;
}
header.site-main-header .site-branding .site-brand-name {
    text-align: left;
    font-family: var(--font-family-secondary-semi-bold);
    font-size: 24px;
    color: var(--ins-site-header-text);
    padding: 20px 25px;
    line-height: 24px;
}
header.site-main-header .site-branding{
	margin-top: 0;
}
header.site-main-header .primary-menu-container ul.menu-wrapper li.menu-item a:hover{
	text-decoration: none;
	/*color: var(--ins-site-header-hover);*/
}
header.site-main-header .primary-menu-container ul.menu-wrapper li.current-menu-item a{
	color: var(--ctm-color-primary);
}
header.site-main-header .primary-menu-container ul.menu-wrapper li.current-menu-item a:focus{
	background: unset !important;
}
header.site-main-header .primary-menu-container ul.menu-wrapper li.current-menu-item a::after {
    content: "";
    position: absolute;
    height: 5px;
    width: -webkit-fill-available;
    background: var(--ctm-color-primary);
    bottom: 0;
    left: 0;
    right: 0;
}
header.site-main-header .menu-button-container #primary-mobile-menu:focus {
    outline: unset;
}

header.site-main-header .menu-button-container {
    top: 9px;
    padding: 0px;
}

footer.site-footer {
    margin: 0;
    max-width: 100%;
    padding: 0px;
}
footer.site-footer .site-info {
    padding: 20px 25px !important;
    margin: 0;
    border: none;
    background: var(--ctm-color-primary);
    color: var(--ctm-color-primary-text);
    font-family: var(--font-family-secondary-semi-bold);
    font-size: 16px;

}
.no-widgets .site-footer {
    margin: 0;
}
footer.entry-footer.default-max-width {
    display: none;
}
footer.site-footer .site-info .site-name{
	font-size: 16px;
	text-transform: unset;
}
ul.footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
ul.footer-links li {
    padding: 0px 10px;
}
ul.footer-links li a {
    text-decoration: none;
    font-family: var(--font-family-secondary-bold);
}

.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    width: 100%;
    max-width: unset;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
	background: unset;
}
body.admin-bar div#content.site-content {
    min-height: calc(100vh - 90px);
}
body div#content.site-content{
	min-height: calc(100vh - 67px);
    padding-top: 65px;
}
body.admin-bar header.site-main-header {
    margin-top: 30px;
}
main#main.site-main{
	padding: 0;
}
.page-banner-wrapper {
    background: var(--ctm-color-primary);
}
.page-banner {
    display: flex;
}
div.page-banner .banner-content{
	width: 50%;
	padding: 75px;
}
div.page-banner .banner-image{
	width: 50%
}
.icon-rounded {
    padding: 4px 7px;
    border-radius: 50%;
}
span.tool-tip i {
    font-size: 9px;
}
.icon-primary {
    background: var(--ctm-color-primary);
    color: var(--ctm-color-primary-text);
}

.wp-media-buttons button.button {
    background: var(--ctm-color-primary) !important;
    border:  1px solid var(--ctm-color-primary) !important;
    color: var(--ctm-color-primary-text) !important;
}
.mce-widget.mce-btn i, .mce-widget.mce-btn button {
    background: #d7d7d7!important;
}
.wp-editor-tabs button.wp-switch-editor {
    color: #000 !important;
    background: #ffffff !important;
}
button.media-menu-item {
    background-color: white !important;
    color: #000 !important;
}
button.media-modal-close {
    background: var(--ins-primary-color-light) !important;
    color: #000 !important;
}


/*Beaver Builder Styles Starts*/
button.fl-builder-button {
    background: var(--ctm-color-primary) !important;
    color: var(--ctm-color-primary-text) !important;
}
button.fl-builder-button.fl-builder-button-silent {
    background: transparent !important;
}
.fl-builder-button:hover {
    background:var(--ctm-color-primary);
    color: var(--ctm-color-primary-text);
}
button.fl-builder--selector-display-label {
    color: #3c444e !important;
}
button.fl-builder-button {
    color:  var(--ctm-color-primary-text) !important;
}
button.fl-builder-settings-title {
    background: #f5f7f9 !important;
    color: #000 !important;
}
.fl-builder--tab-wrap button.fl-builder--tab-button {
    color: #000 !important;
}
.fl-builder--tab-wrap button.fl-builder--tab-button.is-showing {
    background: #e7ebef !important;
    color: black !important;
}
/*Beaver Builder Styles Ends*/
/*Mobile Header Css Starts*/
.primary-navigation > .primary-menu-container {
    background: #F7F6FE;
}
.primary-navigation-open .menu-button-container{
    background-color:  #F7F6FE;
}
/*Mobile Header Css Ends*/


.instrument-btn-wrapper {
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}
.instrument-btn-wrapper .instrument-btn {
    padding: 30px;
}
.status-coming-soon a .instrument-btn-wrapper {
    background: #f5f5f5;
}
.status-coming-soon a {
    pointer-events: none;
    cursor: not-allowed;
}
.instrument-btn-wrapper:hover{
	background: #FFFFFF;
	box-shadow: 2px 8px 30px rgba(79, 74, 81, 0.25);
}
.text-left-underline::before {
    position: absolute;
    height: 5px;
    border-radius: 100px;
    width: 90px;
    background: #212529;
    content: "";
    left: 0;
    bottom: -5px;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu{
    /*background: var(--ins-site-header-bg);*/
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: transparent;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    top: -8px;
    /*border-color: var(--ins-site-header-bg) transparent;*/
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    min-width: 150px;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    width: max-content;
    padding: 34px 5px;
}
.primary-navigation .sub-menu .menu-item > a {
    padding: 0px 20px;
}
header.site-main-header .primary-menu-container ul.menu-wrapper .sub-menu li.menu-item:hover a {
    background: var(--ins-site-header-hover);
    color: var(--ctm-color-primary-text);
}

.login h1 a {
    height: 170px !important;
    width: 250px !important;
    background-size: 250px !important;
}
form.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    float: left;
}