@font-face {
font-family: 'Montserrat';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/Montserrat/Montserrat-Light.ttf);
font-weight: 300;
}
@font-face {
font-family: 'Montserrat';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/Montserrat/Montserrat-Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: 'Montserrat';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/Montserrat/Montserrat-Medium.ttf);
font-weight: 500;
}
@font-face {
font-family: 'Montserrat';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/Montserrat/Montserrat-Bold.ttf);
font-weight: 700;
}
@font-face {
font-family: 'Montserrat';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/Montserrat/Montserrat-Black.ttf);
font-weight: 900;
}
@font-face {
font-family: 'JosefinSlab';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/JosefinSlab/JosefinSlab-Bold.ttf);
font-weight: 700;
}
@font-face {
font-family: 'Karla';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/Karla/Karla-Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: 'Karla';
src: url(//nutritioninvestigator.org/wp-content/themes/salient-child/fonts/Karla/Karla-Bold.ttf);
font-weight: 700;
}
body, h1, h2, h3, h4, h5, h6, p, a, li, span {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
body p {
font-size: 16px;
color: #000;
line-height: 30px;
}
body p strong{
font-size: 16px;
font-weight: 700;
}
#header-outer[data-lhe="default"] #top nav > ul > li > a span.menu-title-text {
font-size: 14px;
font-family: 'Karla';
font-weight: 700;
}
#header-outer[data-lhe="default"] #top nav > ul > li > a {
margin: 0px 15px !important;
}
#header-outer[data-lhe="default"] #top nav > ul > li:last-child > a {
margin-right: 0px !important;
}
#header-secondary-outer ul {
float: none;
}
#header-secondary-outer nav {
text-align: center;
}
#header-secondary-outer nav li {
float: none;
display: inline-block;
}
#header-secondary-outer nav li span {
font-family: 'Karla';
font-size: 14px;
font-weight: 400;
}
#header-outer[data-lhe="default"] #top nav > ul > li.start-btn > a {
background: #F6A91E;
color: #fff !important;
padding: 10px 20px !important;
border-radius: 5px;
}
#header-outer[data-lhe="default"] #top nav > ul > li.start-btn > a:hover {
color: #fff !important;
}
#header-secondary-outer nav li span {
line-height: normal;
border-right: 2px solid #000;
padding-right: 20px;
}
#header-secondary-outer nav li:last-child span {
border: none;
}
#header-outer header ul.sub-menu {
max-width: 300px !important;
left: unset !important;
}
#header-outer header ul.sub-menu a {
font-size: 14px !important;
padding: 10px 10px !important;
}
body.page div#page-header-bg {
background-image: url(https://yourdesignmockup.com/personal-health/wp-content/uploads/2022/07/Banner.png);
background-position: center;
background-size: cover;
}
.inner-wrap h1 {
text-transform: capitalize !important;
}
div#sec1 h1 {
font-family: 'JosefinSlab';
font-weight: 700;
text-transform: uppercase;
font-size: 60px;
}
div#sec1 h1 {
font-size: 20px;
line-height: 40px;
max-width: 45%;
}
#sec1 .button a.primary-color {
background: #F7F7F7 !important;
color: #F6A81E;
font-size: 16px;
font-family: 'Karla';
font-weight: 700;
}
div#sec2 h2 {
font-size: 36px;
color: #556272;
font-weight: 700;
margin-bottom: 50px;
}
div#sec2 h3 {
font-size: 36px;
color: #556272;
font-weight: 700;
}
div#sec2 input[type="text"] {
height: 60px;
border-radius: 0px;
background: #E6E6E6;
padding-left: 30px;
font-size: 20px;
}
div#sec2 button {
position: absolute;
}
div#sec2 label {
position: relative;
}
div#sec2 button {
right: 0;
height: 60px;
width: 75px;
border-radius: 0px !important;
}
div#sec2 button i {
font-size: 20px;
color: #000;
}
div#sec2 a.nectar-button {
margin-top: 30px;
font-size: 20px;
padding: 20px 30px;
color: #556272;
border-radius: 0px !important;
}
div#sec2 a.nectar-button span {
font-weight: 700;
}
div#sec3 a.nectar-button {
float: right;
font-size: 20px;
padding: 20px 30px;
border-radius: 0px !important;
}
#sec3 h3 {
font-size: 35px;
font-family: 'Karla';
font-weight: 700;
color: #fff;
line-height: 40px;
}
div#sec3 a.nectar-button span {
font-weight: 700;
}
div#sec3 p {
font-family: 'Karla';
color: #fff;
font-size: 18px;
margin-top: 30px;
font-weight: 700;
}
#sec4 h3:not(.title) {
font-size: 36px;
color: #3A3A3A;
font-weight: 700;
}
#sec4 .row.blog-recent {
margin-top: 50px;
}
#sec4 span.meta-category {
display: none;
}
#sec4 .blog-recent .col .post-header h3 a {
font-size: 25px;
color: #3A3A3A !important;
font-family: 'Karla';
font-weight: 700;
}
#sec4 .blog-recent .col  .excerpt {
font-family: 'Karla';
font-weight: 400;
line-height: 26px;
font-size: 15px;
}
#sec4 .col.span_4 {
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
border-radius: 5px;
}
#sec4 .col.span_4 img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: 0px;
}
#sec4 .col.span_4 .post-header {
padding-top: 20px;
padding-left: 15px;
background: #fff;
margin: 0px;
}
#sec4 .blog-recent .col .post-header h3 {
margin: 0px;
}
#sec4 .col.span_4 .excerpt {
background: #fff;
padding: 20px;
padding-top: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
div#sec5  img {
width: 100%;
}
div#sec5 h3 {
font-size: 30px;
font-weight: 700;
}
div#sec5 h1 {
font-size: 50px;
font-weight: 700;
}
div#sec5  form.wpcf7-form {
max-width: 90%;
margin: auto;
}
div#sec5 form.wpcf7-form input.wpcf7-text {
background: #fff;
height: 60px;
border-radius: 0px;
font-size: 18px;
padding-left: 30px;
color: #000;
}
div#sec5 form.wpcf7-form  input.wpcf7-submit {
background: #fff !important;
display: block;
margin: auto;
height: 60px;
color: #F6A81E;
font-size: 18px;
border-radius: 0px !important;
}
#custom-substack-embed form {
display: block !important;
margin: auto !important;
background: none !important;
height: auto !important;
border-radius: 0px !important;
border: none !important;
}
#custom-substack-embed input {
background: #fff !important;
color: #000 !important;
height: 60px !important;
border-radius: 0px !important;
font-size: 18px !important;
padding-left: 30px !important;
font-weight: 400 !important;
font-family: 'Montserrat';
}
#custom-substack-embed input::placeholder {
color: #000 !important;
}
#custom-substack-embed form button {
background: #fff !important;
display: block;
margin: auto;
height: 60px;
color: #F6A81E !important;
font-size: 18px;
border-radius: 0px !important;
margin-top: 20px;
}
#custom-substack-embed .success {
margin: 0px 20px;
background: #fff;
z-index: 999;
position: relative;
padding: 10px;
}
#cf7us input.wpcf7-text {
background: #fff;
border: 1px solid #ccc;
height: 40px;
}
#cf7us textarea.wpcf7-textarea {
background: #fff;
border: 1px solid #ccc;
height: 120px;
resize: none;
}
#cf7us  form p {
padding-bottom: 20px;
}
#cf7us input.wpcf7-text {
background: #fff;
border: 1px solid #ccc;
height: 40px;
}
#cf7us textarea.wpcf7-textarea {
background: #fff;
border: 1px solid #ccc;
height: 120px;
resize: none;
}
#cf7us  form p {
padding-bottom: 20px;
}
#cf7us span.wpcf7-not-valid-tip {
color: #ff0000;
}
#cf7us .wpcf7 form.invalid .wpcf7-response-output {
border-color: #ff0000;
color: #000;
}
body.page-id-248 .blog-fullwidth-wrap span.meta-category {
display: none;
}
body.single-post .blog-title a.uncategorized {
display: none !important;
}
div#footer_wrap #footer-outer h4.vc_custom_heading {
font-family: 'Montserrat' !important;
font-weight: 700 !important;
color: #1F4056 !important;
font-size: 18px;
}
div#footer_wrap ul li a, div#footer_wrap ul li {
color: #9E9E9E;
font-family: 'Karla';
font-weight: 400;
}
div#footer_wrap ul li strong {
color: #3A3A3A;
}
div#footer_copyright {
border-top: 1px solid #ccc;
}
div#footer_copyright ul#social li {
display: inline-block;
margin: 0px 5px;
}
div#footer_copyright ul#social li i {
font-size: 15px;
color: #fff;
}
div#footer_copyright ul#social {
margin: 0px;
}
div#footer_copyright ul#social li  a {
width: 25px;
height: 25px;
display: block;
border-radius: 30px;
}
div#footer_copyright ul#social li:nth-child(1) a {
background: #3B5998;
}
div#footer_copyright ul#social li:nth-child(2) a {
background: #007AB9;
}
div#footer_copyright ul#social li:nth-child(3) a {
background: #55ACEE;
}
div#footer_copyright ul#social li:nth-child(4) a {
background: #6C27B3;
}
div#footer_copyright ul#social li:nth-child(5) a {
background: #D42428;
}
div#footer_wrap #footer-outer .footer_col1 a {
display: inline-block !important;
}
div#footer_wrap #footer-outer .footer_col1 strong {
float: left;
margin-right: 20px;
min-width: 60px;
}
div#footer_wrap #footer-outer .footer_col1  h6 {
font-family: 'Open Sans';
font-weight: 600;
color: #444;
display: block;
}
div#footer_wrap #footer-outer .footer_col1 ul {
padding-top: 20px !important;
margin-top: 40px;
}
.visitor_widget.widget_type_1 .bottom_branding {
display: none;
}
.visitor_widget.widget_type_1 .type_1_small {
margin-bottom: 30px;
}
div#footer_wrap .footer_col2 {
padding-left: 50px;
}
#footer-outer #copyright li a {
background: #4867aa;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
border-radius: 100%;
}
#footer-outer #copyright li i:before {color: #fff;}
@media(min-width: 1000px){
body.single.single-post div#page-header-wrap, 
body.single.single-post div#page-header-bg {
max-height: 300px;
}
} @media(max-width: 1000px){
body.material h1 {
font-size: 25px;
}
body.material h2 {
font-size: 22px;
}
body.material h3 {
font-size: 20px;
}
body.material h4 {
font-size: 18px;
}
body.material h5 {
font-size: 16px;
}
body.material h6,
body.material p,
body.material li,
body.material a{
font-size: 14px;
}
body.material p {
word-break: break-word;
}
body.material div#page-header-bg {
min-height: 200px !important;
height: 200px !important;
}
body.material.page #page-header-bg .span_6 h1 {
padding-top: 50px;
}
div#nectar-slider-instance-1, .swiper-container, .swiper-slide, .swiper-wrapper {
height: 300px !important;
}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container>.menu>li a {
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
div#nectar-slider-instance-1 .image-bg:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: #000;
opacity: 0.3;
}
div#sec1 h1 {
max-width: 100%;
line-height: 30px;
}
div#sec2 {
padding-top: 35px !important;
padding-bottom: 0px !important;
}
div#sec2 h2 {
font-size: 20px;
line-height: 20px;
margin-bottom: 20px;
}
div#sec2 h3 {
font-size: 18px;
line-height: 26px;
}
#sec3 h3 {
font-size: 22px;
line-height: 26px;
text-align: center;
}
#sec3 h3 br {
display: none;
}
div#sec3 a.nectar-button {
float: none;
margin: auto;
display: block;
width: fit-content;
padding: 15px;
}
div#sec3 p {
margin-top: 0px;
}
div#sec3 p br {
display: none;
}
div#sec3 {
padding-bottom: 30px !important;
}
#sec4 h3:not(.title) {
font-size: 20px;
}
div#sec4 {
padding-top: 50px !important;
}
#sec4 .blog-recent .col .post-header h3 a {font-size: 20px;}
div#sec5 h1 {
font-size: 22px;
line-height: 30px;
}
div#sec5 h3 {
font-size: 25px;
line-height: 26px;
}
div#sec5 .vc_col-sm-4 .wpb_text_column {
padding-top: 35px;
}
div#footer_wrap .footer_col2 {
padding-left: 0px;
}
.table-responsive {
overflow: auto;
}
body #footer-outer #copyright .col ul {
float: none;
display: block;
}
body #footer-outer #copyright .col ul li {
float: none;
}
#footer-outer #copyright li a {
margin: auto;
}
.visitor_widget.widget_type_1 {
margin: auto;
}
}