/*
 * Theme Name:  Expertly Child
 * Theme URI:   https://codesupply.co/themes/expertly/
 * Description: Expertly Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    expertly
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */
@font-face {
    font-family: "Proxima Nova";
    src: url("fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.eot");
    src: url("fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix")format("embedded-opentype"),
    url("fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.woff") format("woff"),
    url("fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Proxima Nova";
    src: url("fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.eot");
    src: url("fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix")format("embedded-opentype"),
    url("fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.woff") format("woff"),
    url("fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Proxima Nova";
    src: url("fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.eot");
    src: url("fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix")format("embedded-opentype"),
    url("fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.woff") format("woff"),
    url("fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
body{
    font-family: 'Proxima Nova', 'Helvetica', 'Arial','sans-serif';
    background: #fff;
    color: rgb(27 27 27);
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus, .h1 a:hover, .h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus, .h4 a:hover, .h4 a:focus, .h5 a:hover, .h5 a:focus, .h6 a:hover, .h6 a:focus{
    color: #ff0c00;
}
.post-comments-show button:hover, .post-comments-show button:focus,
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button:hover, .button:focus{
    background-color: #ff0c00;
}
.h5{
    font-size: 1em;
}
.site-header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
}
.navbar-wrap{
    height: 85px;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition: height 0.3s ease-in-out;
}
.site-header + *{
    margin-top: 85px;
}
.site-header.sticky .navbar-wrap{
    height: 64px;
}
.site-header.sticky .navbar-brand img{
    max-height: 32px;
}
.section-homepage-posts{
    background: #fff;
}
.cs-homepage-post article,
.cs-footer-post article{
    border: 1px solid rgb(245 245 245);
}
.meta-author .author{
    font-size: .875em;
}
.meta-author .author a{
    font-size: inherit;
}
.entry-more a{
    font-size: 1em;
}
.cs-overlay .post-categories a{
    font-size: .875em;
    border-radius: 0;
    background-color: rgb(224 229 72);
    color: rgb(27 27 27);
}
.cs-font-primary,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.no-comments,
.text-action,
.cs-link-more,
.cs-nav-link,
.share-total,
.post-categories a,
.post-meta a,
.nav-links,
.comment-reply-link,
.post-tags a,
.read-more,
.navigation.pagination .nav-links>span,
.navigation.pagination .nav-links>a,
.pk-font-primary,
.post-meta{
    font-size: .875em !important;
}
.post-meta *{
    font-size: inherit;
}
.cs-breadcrumbs{
	padding-top: 1em;
    font-size: 0.875em !important;
}
.cs-breadcrumbs a{
    font-weight: 600;
}