/*!
Theme Name: Doctors Zone Theme
Theme URI: https://wordpress.com/
Author: TSS
Author URI: https://techsmartsense.com
Description: Doctors Zone Theme is multipurpose insurance theme. Bosa Insurance is beautiful, fast, lightweight, responsive, extremely customizable theme that you can use as a foundation to build versatile sites such as insurance companies, agency, agents and brokers, services, financial centers or advisors, finance recruitment, cooperatives, marketing agency, consults, wealth advisors, investors, business firm, corporate, blog, news, portfolio and preferably ideal for any type of health related sites.
Version: 1.0.3
Requires PHP: 5.5
Tested up to: 6.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: bosa
Text Domain: bosa-insurance
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Doctors Zone Theme WordPress Theme, Copyright 2022 Keon Themes
Doctors Zone Theme is distributed under the terms of the GNU General Public License v3

Doctors Zone Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

body {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #3a3a3a;
  font-family: 'Open Sans', serif;
  font-weight: 600;
}

.wp-block-quote {
  padding: 30px 30px 30px 50px;
  margin: 30px 0 30px 30px;
}

.site-header .site-branding .site-title {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

.main-navigation ul.menu > li > a {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: none;
}

.section-banner .banner-content .entry-title {
  font-family: 'Merriweather', serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
}

.section-banner .banner-content .entry-text p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  text-transform: initial;
}

.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: capitalize;
}

.post .feature-posts-content .cat-links a {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

#primary article .entry-title {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: capitalize;
}

.highlight-post-slider .post .entry-content .entry-title {
  font-family: 'Merriweather', serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: capitalize;
}

.highlight-post-slider .post .cat-links a {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.sidebar .widget .widget-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}

.page-title {
  font-family: 'Merriweather', serif;
  font-size: 40px;
  font-weight: 800;
  text-transform: capitalize;
}

.site-footer .site-info,
.site-footer .footer-menu ul li a {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-size: 14px,
  text-transform: none,
  line-height: 1.6,
}

.feature-posts-layout-two .post {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.feature-posts-layout-two .post .feature-posts-image {
  width: 120px;
  margin-right: 15px;
}
.feature-posts-layout-two .post .feature-posts-image a {
  display: block;
  position: relative;
}
.feature-posts-layout-two .post .feature-posts-image a:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.4s, opacity 0.4s;
  -moz-transition: visibility 0.4s, opacity 0.4s;
  -ms-transition: visibility 0.4s, opacity 0.4s;
  -o-transition: visibility 0.4s, opacity 0.4s;
  transition: visibility 0.4s, opacity 0.4s;
}
.feature-posts-layout-two .post .feature-posts-content {
  width: -moz-calc(100% - 140px);
  width: -webkit-calc(100% - 140px);
  width: calc(100% - 140px);
}
.feature-posts-layout-two .post .feature-posts-content .feature-posts-title {
  margin-bottom: 6px;
}
.feature-posts-layout-two .post .feature-posts-content .cat-links {
  display: block;
}
.feature-posts-layout-two .post .feature-posts-content .cat-links a {
  position: relative;
}
.feature-posts-layout-two .post .feature-posts-content .cat-links a:after {
  content: ",";
  display: inline-block;
}
.feature-posts-layout-two .post .feature-posts-content .cat-links a:last-child:after {
  display: none;
}
.feature-posts-layout-two .post.no-thumbnail .feature-posts-content {
  width: 100%;
}
.feature-posts-layout-two .post:hover .feature-posts-image a:before, .feature-posts-layout-two .post:focus .feature-posts-image a:before, .feature-posts-layout-two .post:active .feature-posts-image a:before {
  visibility: visible;
  opacity: 1;
}


#bosa-insurance-contact .wpcf7 input[type=text],
#bosa-insurance-contact .wpcf7 input[type=email],
#bosa-insurance-contact .wpcf7 textarea {
  border: none;
  background-color: #fff;
  height: 55px;
  padding-left: 20px;
  margin-bottom: 20px;
}

#bosa-insurance-contact .wpcf7 input[type=submit] {
  background-color: #233D62;
  font-size: 15px;
  font-weight: 600;
  padding: 20px 35px;
}

#bosa-insurance-contact .wpcf7 input[type=submit]:hover,
#bosa-insurance-contact .wpcf7 input[type=submit]:active,
#bosa-insurance-contact .wpcf7 input[type=submit]:focus {
  background-color: #000000;
}

/* New My Additions */
input[type="date"]:valid {
    color: green;
}

input[type="date"]:invalid:hover {
    color: red;
}
you can add a placeholder like this.

form input::placeholder{color: #9C9898; font-size: 14px;}
.entry-meta{
	display:none!important;
}
.feature-image img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
figcaption {
	background-color: #ffffff!important;
}

@media only screen and (max-width: 800px) {
.top-header{
	display:none!important;
}
	ul, ol {
    margin: 0 0 0.75em 0em!important; 
}

}
@media only screen and (max-width: 991px) {
.top-header {
	display:none!important;
}
	.alt-menu-icon{
		display:none!important;
	}
	.header-one .bottom-header {
		width: 60%!important;
		float: left;
	}
	.slicknav_btn {
    float: right!important;
	}
	.site-header .site-branding {
    float: left!important;
	}
	.header-one .site-branding > a {
	margin-left:5px!important;
	}
	header.site-header .site-branding > a, header.site-header.sticky-header .site-branding > a {
    max-width: 200px!important;
	}
	.header-one .mobile-menu-container {
    padding-top: 18px!important;
	padding-right: 9px!important;
	}
	.mobile-menu-container .slicknav_menu .slicknav_menutxt {
	padding-right: 10px;
    }
	.mobile-menu-container .slicknav_menu .slicknav_btn {
	margin: 30px 0;
	}
}
@media only screen and (min-width: 1024px) {
.main-navigation ul.menu ul{
	width:620px!important;	
	margin-left:-140px;
}

ul.sub-menu {
column-count: 2;
column-gap: 10px;}
.sub-menu { display: grid; grid-template-columns: 1fr 1fr; }

.sub-menu-columns .sub-menu li {
  max-width: 680px;}

ul#menu-main-menu ul ul {right: unset; left: 100%;}
}