/*
Theme Name: Code Calibre Child
Theme URI: https://codecalibre.com/
Description: Code Calibre Child Theme for Astra.
Author: Code Calibre
Author URI: https://codecalibre.com/
Template: astra
Version: 1.0.0
Text Domain: code-calibre-child
*/

/* Add your custom CSS below this line */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html, body{
	max-width:100%!important;
	overflow-x:hidden!important;
}
p{
	margin-bottom:0!important;
}
/* --------font activate---------------- */
@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-ExtraBold.woff2') format('woff2'),
        url('Gilroy-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Light.woff2') format('woff2'),
        url('Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Handmade Alphabet';
    src: url('HandmadeAlphabet.woff2') format('woff2'),
        url('HandmadeAlphabet.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* ---------header footer css start----------- */


[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus, a:focus,
.ast-mobile-popup-drawer.active .menu-toggle-close:focus, .ast-header-search .ast-search-menu-icon.ast-dropdown-active
.search-field:focus {
border: none!important;
outline: none!important;
}
.ast-mobile-popup-header {
    position: absolute;
    right: 0;
}
ul#ast-hf-menu-1 li a:before{
content: '';
position: absolute;
width: 0%;
height: 1.5px;
background: #000;
right: 5%;
bottom: 2px;
transition: .2s all ease-in-out;
}
.sub-menu li a:before{
	left: 6%!important;
}
ul#ast-hf-menu-1 li a:hover::before{
left: 10%;
}
ul#ast-hf-menu-1 li a:hover::before{
width: 80%;
}
ul#ast-hf-menu-1 .sub-menu a.menu-link {
    line-height: 100%!important;
}
ul.sub-menu {
    width: max-content!important;
}
a.menu-link {
    line-height: 40px!important;
}

/* ------------container css start---------------------------- */

.e-con-boxed {
    padding: 0 20px!important;
}

/* ----------media querie start--------------- */

@media (min-width: 1200px) {
  #ast-desktop-header {
    display: block !important;
  }
  #ast-mobile-header {
    display: none !important;
  }}

@media (max-width: 1199px) {
	  #ast-desktop-header {
    display: none !important;
  }
  #ast-mobile-header {
    display: block !important; 
	}}