/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

.page-header-image-single {
      display: none;
}
#map {
                width: 100%;
                height: 350px;
}
/*contacts google map*/
#generate-section-1 .generate-sections-inside-container {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 768px) {
.header-widget {
float:right;    
}
}

.mobile-cat {
      display: none;
}

@media screen and (max-width: 768px) {
      .mobile-cat {
            display: block;
      }
}

/*surgeons*/

#surgeons ul {
list-style-type: none;
margin:0;
}
#surgeons li {

}
#surgeons li a {
display: block;
text-decoration: none;
filter: grayscale(100%);
padding:10px;
margin-bottom:80px;
}
#surgeons li a:hover {
filter: grayscale(0%);
}
#surgeons a span {
color: #125F15;
}
#surgeons img {
    border-radius: 50%;
    padding:20px 0;
}
/*sku text*/
.sku-text {
    margin-bottom: 0;
    color: rgb(68, 68, 68);
}
/*product detiles centered*/
ul.products li {
    text-align: center
}

/*= Header ==================== */

/** Header >> Woo Search **/
input.search-field {
	width: 300px !important;
	border: 1px solid rgb(102, 102, 102) !important;
	float: left !important;
}

/** Header >> Woo Search Active **/
input.search-field:active {
	width: 300px !important;
	border: 1px solid rgb(191, 191, 191) !important;
	float: left !important;
}

/** Header >> Woo Search Button **/
input[type=submit] {
	color: rgb(18, 66, 140) !important;
	background-color: rgba(102, 102, 102, 0) !important;
	margin-left: 5px !important;
	border: 1px solid rgb(18, 66, 140) !important;
}

/** Header >> Woo Search Button Hover **/
input[type=submit]:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(18, 66, 140) !important;
	border: 1px solid rgb(18, 66, 140) !important;
}

/** Header >> Social Buttons **/
.social a {
	color: rgb(255, 255, 255) !important;
	font-size: 30px !important;
	line-height: 0 !important;
	padding-top: 2px !important;
	padding-right: 5px !important;
	padding-bottom: 2px !important;
	float: left !important;
}

/** Header >> Social Buttons Hover **/
.social a:hover {
	color: rgb(24, 172, 222) !important;
}


/*= Main Menu ================= */

/** Main Menu >> Search Position **/
ul#menu-main li.search-item {
	float: right !important;
}

/** Main Menu >> Before Header **/
div.before-header {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(58, 58, 58) !important;
}

/** Main Menu >> Header Links **/
a.header-links {
	color: rgb(255, 255, 255) !important;
	font-size: 15px !important;
	margin-right: 15px !important;
}

/** Main Menu >> Header Links Hover **/
a.header-links:hover {
	color: rgb(24, 172, 222) !important;
	margin-right: 15px !important;
}

/** Main Menu >> Home **/
i.fa-home {
	font-size: 25px !important;
}

/** Main Menu >> Shopping Cart **/
i.fa-shopping-cart {
	font-size: 25px !important;
}


/*= Content =================== */

/** Content >> H1 Border **/
h1.page-title {
	padding-bottom: 8px !important;
	border-bottom: 2px solid rgb(228, 228, 228) !important;
}

/** Content >> H1 Entery **/
h1.entry-title {
	padding-bottom: 8px !important;
	border-bottom: 2px solid rgb(228, 228, 228) !important;
}

/** Content >> Surgeons Design **/
li.surgeons:hover {
	background-color: rgb(209, 205, 205) !important;
}

/** Content >> Button **/
.btn1 {
	color: rgb(18, 66, 140) !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 10px !important;
	border: 1px solid rgb(18, 66, 140) !important;
}

/** Content >> Button Hover **/
.btn1:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(18, 66, 140) !important;
}

/** Content >> H4 **/
h4 {
	font-size: 20px !important;
	font-weight: 600 !important;
}


/*= Sidebar =================== */

/** Sidebar >> Category Menu Bg **/
div#left-sidebar aside#collapscat-2 {
	background-color: rgba(255, 255, 255, 0) !important;
	padding: 0 !important;
	margin: 0 !important;
}

/** Sidebar >> Category Menu Items **/
ul#widget-collapscat-2-top a {
	color: rgb(34, 34, 34) !important;
	font-size: 14px !important;
	line-height: 2.5 !important;
	padding: 0 !important;
}

/** Sidebar >> Category Menu Arrows **/
ul#widget-collapscat-2-top span.sym {
	color: rgb(0, 0, 0) !important;
	padding-top: 10px !important;
}

/** Sidebar >> Category Menu Tire 2 **/
#widget-collapscat-2-top li.collapsing.categories {
	padding-left: 5px !important;
}

/** Sidebar >> Category Menu Tire 1 **/
#widget-collapscat-2-top li.collapsing.categories {
	padding-left: 5px !important;
}

/** Sidebar >> Left Sidebar Menu Bg **/
div#left-sidebar aside#yith_wc_category_accordion-2 {
	padding: 0 !important;
}

/** Sidebar >> Left Sidebar Menu Remove Padding **/
aside#yith_wc_category_accordion-2 div.ywcca_widget_container_style_1 {
	margin: 0 !important;
}


/*= Footer ==================== */

/** Footer >> Footer Widget H4 **/
.footer-widgets .widget-title {
	
}


/*= WooCommerce =============== */

/** WooCommerce >> Catalog Img **/
img.size-shop_catalog {
	height: 180px !important;
	border-top: 1px solid rgb(229, 232, 229) !important;
	border-right: 1px solid rgb(229, 232, 229) !important;
	border-bottom: 3px solid rgb(229, 232, 229) !important;
	border-left: 1px solid rgb(229, 232, 229) !important;
}

/** WooCommerce >> Catalog Img-hover **/
img.size-shop_catalog:hover {
	border-color: rgb(166, 164, 164) !important;
}

/** WooCommerce >> Catalog Last **/
ul.products li.last {
	margin-right: 0px !important;
}

/** WooCommerce >> Catalog Title **/
a.woocommerce-LoopProduct-link h3 {
	/* MT [ google_font: 1 | variant: 400normal ] */
	font-family: 'Roboto' !important;
	color: rgb(68, 68, 68) !important;
}

/** WooCommerce >> Catalog Title Hover **/
a.woocommerce-LoopProduct-link h3:hover {
	color: rgb(18, 66, 140) !important;
}

/** WooCommerce >> Catalog Button **/
li.product-type-simple a.button {
	font-size: 15px !important;
}

/** WooCommerce >> Catalog Button Hover **/
li.product-type-simple a.button:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(18, 66, 140) !important;
}

/** WooCommerce >> Catalog Button Visited Fix **/
.inside-article .button a:visited {
	color: rgb(81, 81, 81) !important;
}

/** WooCommerce >> Catalog Discount Price **/
span.price ins {
	font-weight: normal !important;
}

/** WooCommerce >> Old Price **/
span.price del {
	padding-right: 10px !important;
	float: left !important;
}

/** WooCommerce >> Catalog Price Color & Size **/
span.price span {
	color: rgb(24, 172, 222) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}

/** WooCommerce >> Menu Cart Icon **/
li.menu-item-9988 {
	float: right !important;
}

/** WooCommerce >> Breadcrumb **/
nav.woocommerce-breadcrumb {
	font-size: 14px !important;
}

/** WooCommerce >> Breadcrumb Hover **/
nav.woocommerce-breadcrumb a:hover {
	color: rgb(18, 66, 140) !important;
	font-size: 14px !important;
}

/** WooCommerce >> Product Toggle List View Img **/
ul.products.list li.product img {
	width: 25% !important;
}

/** WooCommerce >> Product Toggle List View Text **/
ul.products.list li.product h3, 
ul.products.list li.product div[itemprop="description"], 
ul.products.list li.product .price, 
ul.products.list li.product .gridlist-buttonwrap {
	width: 70.6% !important;
}

/** WooCommerce >> Default Sorting **/
.woocommerce-ordering {
	float: right !important;
	clear: none !important;
}

/** WooCommerce >> Gridlist **/
.gridlist-toggle {
	padding-top: 0px !important;
	float: left !important;
	clear: left !important;
}

/** WooCommerce >> Woocommerce-result-count **/
.woocommerce-result-count {
	font-size: 14px !important;
	float: right !important;
}

/** WooCommerce >> Gridlist Icon Color **/
.gridlist-toggle a {
	color: rgb(18, 66, 140) !important;
}

/** WooCommerce >> Read More Button **/
li.product-type-variable a.button {
	font-size: 15px !important;
}

/** WooCommerce >> Read More Button Hover **/
li.product-type-variable a.button:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(18, 66, 140) !important;
}

/** WooCommerce >> Woo Message **/
div.woocommerce-message {
	border-top-color: rgb(18, 66, 140) !important;
}

/** WooCommerce >> Woo Message Button **/
a.wc-forward {
	color: rgb(18, 66, 140) !important;
	font-size: 15px !important;
	background-color: rgba(235, 233, 235, 0) !important;
	border: 1px solid rgb(18, 66, 140) !important;
	border-radius: 0 !important;
}

/** WooCommerce >> Add To Cart Button Visited **/
a.add_to_cart_button:visited, 
a.product_type_variable:visited {
	color: rgb(81, 81, 81) !important;
}

/** WooCommerce >> View Cart Button **/
li.product a.wc-forward {
	visibility: hidden !important;
}

/** WooCommerce >> Return To Shop Button **/
a.wc-backward {
	background-color: rgba(235, 233, 235, 0) !important;
	border: 1px solid rgb(18, 66, 140) !important;
}

/** WooCommerce >> Return To Shop Button Hover **/
a.wc-backward:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(18, 66, 140) !important;
}

/** WooCommerce >> Woo Catalog H3 Min Height **/
.woocommerce ul.products li.product h3 {
	min-height: 60px !important;
}

/** WooCommerce >> On Sale Circle **/
.woocommerce span.onsale {
	background-color: rgb(24, 172, 222) !important;
}

/** WooCommerce >> SKU Catalog **/
p.sku-text {
	text-align: center !important;
}


/*= WooCommerce Single Product = */

/** WooCommerce Single Product >> Shop Img Single **/
img.size-shop_single {
	max-height: 300px !important;
	border-top: 1px solid rgb(229, 232, 229) !important;
	border-right: 1px solid rgb(229, 232, 229) !important;
	border-bottom: 3px solid rgb(229, 232, 229) !important;
	border-left: 1px solid rgb(229, 232, 229) !important;
}

/** WooCommerce Single Product >> Single Product Title **/
div.summary h1.product_title {
	font-size: 20px !important;
	font-weight: bold !important;
}

/** WooCommerce Single Product >> Single Add To Cart Button **/
button.single_add_to_cart_button {
	color: rgb(255, 255, 255) !important;
	font-size: 15px !important;
	background-color: rgb(18, 66, 140) !important;
}

/** WooCommerce Single Product >> Single Add To Cart Button Hover **/
button.single_add_to_cart_button:hover {
	background-color: rgb(58, 58, 58) !important;
}

/** WooCommerce Single Product >> Single Quantity Input **/
div.quantity input {
	color: rgb(58, 58, 58) !important;
}

/** WooCommerce Single Product >> Attachment Shop Thumbnail **/
img.attachment-shop_thumbnail {
	width: 90px !important;
	height: 92px !important;
	border-top: 1px solid rgb(229, 232, 229) !important;
	border-right: 1px solid rgb(229, 232, 229) !important;
	border-bottom: 3px solid rgb(229, 232, 229) !important;
	border-left: 1px solid rgb(229, 232, 229) !important;
}

/** WooCommerce Single Product >> Img Single Hover **/
img.size-shop_single:hover {
	border-color: rgb(166, 164, 164) !important;
}

/** WooCommerce Single Product >> Attachment Shop Thumbnail Hover **/
img.attachment-shop_thumbnail:hover {
	border-top: 1px solid rgb(166, 164, 164) !important;
	border-right: 1px solid rgb(166, 164, 164) !important;
	border-bottom: 3px solid rgb(166, 164, 164) !important;
	border-left: 1px solid rgb(166, 164, 164) !important;
}

/** WooCommerce Single Product >> Single Product Left Side **/
div.product div.images {
	width: 36% !important;
}

/** WooCommerce Single Product >> Single Shop Summary **/
div.summary, 
.woocommerce-page div.product div.summary {
	width: 60% !important;
}

/** WooCommerce Single Product >> Single Price **/
p.price span {
	color: rgb(24, 172, 222) !important;
}

/** WooCommerce Single Product >> Single Price Spacing **/
p.price {
	margin-top: 20px !important;
}

/** WooCommerce Single Product >> Related Product Top Border **/
div.related h2 {
	padding-top: 20px !important;
	border-top: 2px solid rgb(228, 228, 228) !important;
}

/** WooCommerce Single Product >> Call Us **/
section.call-us {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	float: right !important;
}


/*= Category Menu ============= */

/** Category Menu >> Cat Menu Hover **/
li.cat-item a:hover, 
li.cat-item a:focus {
	color: rgb(18, 66, 140) !important;
}

/** Category Menu >> Cat Menu A **/
li.cat-item a {
	font-weight: 600 !important;
	text-transform: none !important;
}

/** Category Menu >> Menu Active **/
li.current-cat a.highlight_cat {
	color: rgb(18, 66, 140) !important;
}


/*= Events Style ============== */

/** Events Style >> Google Maps **/
div.gm-style {
	width: 100% !important;
}

/** Events Style >> Full Width **/
#tribe-events-pg-template {
	max-width: 100% !important;
}

/** Events Style >> Event Padding **/
#tribe-events-content.tribe-events-list, 
#tribe-events-content {
	padding-top: 20px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

/** Events Style >> Events Background **/
#tribe-events {
	background-color: rgb(255, 255, 255) !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

/** Events Style >> Event Title **/
.tribe-events-map-event-title a {
	color: rgb(18, 66, 140) !important;
}

/** Events Style >> Event Title Hover **/
.tribe-events-map-event-title a:hover {
	color: rgb(0, 0, 0) !important;
}


/*= Contact Form 7 ============ */

/** Contact Form 7 >> Send **/
input.wpcf7-submit {
	color: rgb(255, 255, 255) !important;
	border-color: rgb(255, 255, 255) !important;
}

/** Contact Form 7 >> Send Hover **/
input.wpcf7-submit:hover {
	color: rgb(24, 172, 222) !important;
	background-color: rgb(255, 255, 255) !important;
	border: 1px solid rgb(255, 255, 255) !important;
}


/*= Contact Us Staff ========== */

/** Contact Us Staff >> Staff Img **/
.staff img {
	
}

/** Contact Us Staff >> Staff Img Hover **/
.staff img:hover {
	
}

/** Contact Us Staff >> Staff Name **/
.staff a {
	font-size: 20px !important;
	font-weight: 600 !important;
}

/** Contact Us Staff >> Staff Text Size **/
.staff {
	font-size: 14px !important;
	font-weight: 600 !important;
}

/** Contact Us Staff >> Staff **/
.staff {
	margin-bottom: 20px !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {

	/*= Header ==================== */

	/** Header >> Woo Search Position **/
	form.woocommerce-product-search input {
	margin-top: 24px !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= Header ==================== */

	/** Header >> Woo Search Position 2 **/
	form.woocommerce-product-search {
	text-align: left !important;
	display: block !important;
}


	/*= WooCommerce =============== */

	/** WooCommerce >> Products Layout **/
	ul.products li {
	width: 100% !important;
}

	/** WooCommerce >> Catalog Img **/
	img.size-shop_catalog {
	height: 100% !important;
}


	/*= WooCommerce Single Product = */

	/** WooCommerce Single Product >> Single Product Left Side **/
	div.product div.images {
	width: 100% !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Header ==================== */

	/** Header >> Woo Search Position 2 **/
	form.woocommerce-product-search {
	text-align: center !important;
	max-width: 100% !important;
}


	/*= WooCommerce =============== */

	/** WooCommerce >> Catalog Img **/
	img.size-shop_catalog {
	height: 100% !important;
}


}

