/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem

Version: 1.0

Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light

License: GNU General Public License

License URI: license.txt

*/
/*####************Home Pages Style Css Start************####*/
/*************Header Top Style Css St******************/
.header-first .site-logo {
    margin: 0;
}
.site-logo img {max-width:100%;}
.quickfinder-style-vertical .quickfinder-item-title span {
    font-size: 15px;
    display: block;
    line-height: normal;
}
@media screen and (max-width: 767px) {
.header-first .site-logo {
		padding-left:10px;
		width:90%;
		padding-bottom:5px;
	}
.page-title-block .breadcrumbs-container {
    position: relative;
}
.page-title-title h1 {
    font-size: 20px !important;
}
.page-title-block {
    padding-bottom: 20px !important;
}
.Make_appointment .vc_custom_1522761246181 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.Make_appointment #contact-book-title{
    text-transform: inherit;
    font-size: 18px;
    line-height: 25px;
}
.Make_appointment .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
    margin: 0;
}
.Make_appointment .gform_wrapper #field_1_9, .Make_appointment .gform_wrapper #field_1_10 {
    margin-top: 0px;
}
}
@media screen and (max-width: 480px) {

}
#page:not(.vertical-header) #site-header {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.header-second {
    /*color: #ffffff;*/
    padding: 5px 0 0;
    text-align: center;
}
.header-third {
    text-align: right;
}
.header-right-social .social-profile {
    list-style-type: none;
}
#site-header .logo-position-center .site-title {
    padding-top: 5px !important;
	padding-bottom:0 !important;
}
#site-header.fixed.shrink .site-title { padding-bottom:0;}
.btn.btn-custom {
    background: #1793B4;
    color: #000000;
    padding: 8px 15px;
}
.btn.btn-custom:hover {
    background: #90ee90;
    color: #000000;
}
.header-top-center a:hover {
    color: #90ee90;
}
.social-profile > li {
    display: inline-block;
    padding: 0px 10px 0px;
}
.social-profile .facebook {
    background: #add8e6;
    border-radius: 100px;
    color: #474747;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    width: 40px;
	position: absolute;
    right: 0;
    top: 10px;
}

.social-profile .facebook:hover{
	color:#fff;
}
#primary-menu.no-responsive > li.menu-item-current > a, #primary-menu.no-responsive > li.menu-item-active > a {
    border: 2px solid #00bcd4;
}
.header-style-3 #primary-menu.no-responsive > li, .header-style-4 #primary-menu.no-responsive > li {
    padding: 10px 3px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-current, .header-style-3 #primary-menu.no-responsive > li.menu-item-active, .header-style-4 #primary-menu.no-responsive > li.menu-item-current, .header-style-4 #primary-menu.no-responsive > li.menu-item-active {
    padding: 10px 3px !important;
}
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-current, #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-active, #site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-current, #site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-active 
{ padding:10px 3px !important;}
/*************Header Top Style Css End******************/
.home .First-block-section{
	padding-top:0px !important;
	padding-bottom:0px !important;
	margin-bottom:0;
}
.home .third-block-section{
	padding-top:0px !important;
	padding-bottom:0px !important;
	margin-bottom:0;
}
.home .second-block-section {
    margin-bottom: 0;
}
.first-right-background {
    opacity: 0.7;
}
.first-right-background .wpb_wrapper {
    padding: 15px;
	color:#fff;
}
.first-right-background h2 {
    color: #ffffff;
    font-weight: 500;
}
.second-block-section h2 {
    font-weight: 500;
	margin-bottom: 7px;
}
.Left-testimonials-block {
    background: #ffffff none repeat scroll 0 0;
    opacity: 0.7;
}
.Left-testimonials-block .gem-testimonials.size-small .gem-testimonial-image{
	height:0;
}
.Left-testimonials-block .gem-testimonials.style1 .gem-testimonial-content div {
    color: #000000;
}
.testimonial-heading {
    margin-bottom: 0;
}
.fb-widget {
    background: #a7d5e3;
    border: 3px solid #297a93;
    margin: 0 50px;
	padding:0 25px 12px;
}
.abus-thanb {
    position: absolute;
    right: 12%;
    top: 32%;
    z-index: 9999999;
}
.box > p {
    line-height: 10px;
}
/***************Page Sidebar Css Start****************/
h5{
    text-transform: inherit;
}
.page-title-title h1 {
    font-size: 35px;
}
.Team br {
    line-height: 35px;
}
.Team .quickfinder {
    padding: 15px 0;
}
.optometry-care .vc_tta-title-text {
    font-family: 'raleway';
    font-size: 20px;
    text-transform: none;
}
.optometry-care .vc_tta-panel-body {
    padding: 20px !important;
}
.breadcrumbs-container .breadcrumbs .current {
    border-bottom: 3px solid #024e90;
    color: #024e90;
}
.retina-awareness ul li {
    text-indent: 0;
}
.menu-health-review-menu-container .menu-item-active, .menu-contact-us-sidebar-menu-container .menu-item-active {
    background: #024e90;
}
.menu-health-review-menu-container .menu-item-active a, .menu-contact-us-sidebar-menu-container .menu-item-active a {
    color: #ffffff;
}
.menu-health-review-menu-container .menu-item-object-page a::before, .menu-contact-us-sidebar-menu-container .menu-item-object-page a::before {
    content: inherit;
}
.menu-health-review-menu-container .menu-item-object-page a, .menu-contact-us-sidebar-menu-container .menu-item-object-page a {
    font-weight: 400;
    text-transform: inherit;
}
#menu-health-review-menu, #menu-contact-us-sidebar-menu {
    background: #f4f4f4;
	margin-top: 20px;
}
/***************Page Sidebar Css End****************/
/***************grabiti form Css Start****************/
#gform_fields_1 li, #gform_fields_2 li {
    display: inline-block;
    width: 50%;
}
.ui-datepicker-calendar td {
    padding: 0px !important;
}
#field_1_9 .gfield_label, #field_1_10 .gfield_label{
	display:none;
}

/***************grabiti form Css End****************/
/***********Footer css Start************/
#text-2, #text-3, #text-4 {
    text-align: center;
}
.footer-menu-item li {
    border: medium none !important;
    padding: 2px !important;
	margin-left:0 !important;
}
.footer-menu-item li::before {
    display: none;
}
.clinic-hours li {
    border: medium none !important;
    padding: 0px !important;
	margin-left:0 !important;
	text-align:center;
	font-size:13px;
}
.clinic-hours li::before {
    display: none;
}
.footer-widget-area .widget-title {
    text-align: center;
	font-weight: 500;
}
.footer-widget-area .widget-title::after {
    content: none;
}
.clinic-hours td {
    border: none!important;
	padding:1px 10px !important;
	font-size:13px;
}
.footer-logo-imgs {
    padding-bottom: 30px;
}
.footer-botton {
    padding-top: 15px;
}
.footer-widget-area .footer-imgs-first, .footer-widget-area .footer-second-imgs {
    display: inline-block;
    padding-top: 75px;
}
.footer-location-third {
    display: inline-block;
    padding-top: 30px;
}
.footer-location-third iframe {
    height: 292px;
}
.footer-botton .btn-custom {
    background: #ffffff;
    color: #000000 !important;
    padding: 8px 20px;
}
footer {
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
#footer-nav {
    padding: 10px 0 !important;
}
.copy-right-block {
    text-align: center;
}
.footer-menu-item a:hover {
    color: #c4421a !important;
}
/***********Footer css End************/
/*####************Home Pages Style Css End************####*/
/*****************Responsive Css Start*****************/
@media screen and (max-width: 1199px) {
#primary-menu.no-responsive > li > a {
    padding: 0px 12px!important;
}
}
@media screen and (max-width: 991px) {
.header-second {
    font-size: 12px;
    line-height: 22px;
	padding: 15px 0 10px;
}
.btn.btn-custom {
    font-size: 12px;
    padding: 8px 10px;
}
#site-header .primary-navigation, #site-header #perspective-menu-buttons {
    width: 15%;
}
#site-header .site-title{
	display:block;
}
.header-third {
    text-align: left;
}
.social-profile > li {
    padding: 0;
}
.header-third.col-sm-4 {
    padding-left: 0;
}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
@media screen and (max-width: 767px) {
.header-second, .header-third {
    display: none;
}
#gform_fields_1 li, #gform_fields_2 li {
    width: 100%;
}
#site-header-wrapper {
   /* height: 100px !important;*/
}
/*.tp-splitted.tp-wordsplit {
    font-size: 22px;
    line-height: 28px;
}*/
}
@media (min-width:401px) and (max-width:599px) {}
@media screen and (max-width: 480px) {
.first-right-background h2 {
	font-size: 20px;
    line-height: 30px;
}
.second-block-section h2 {
    font-size: 26px;
}
.testimonial-heading {
    font-size: 26px !important;
}
.abus-thanb {
    display: none;
}
#site-header-wrapper {
    height: auto !important;
}
.first-right-background .wpb_wrapper {
    padding: 0 15px 15px;
	line-height: 23px;
}
}
/****************Responsive Css End****************/




#site-header .container {
    width: 100%;
    padding-left: 37px;
    padding-right: 37px;
}

#site-header, #site-header-wrapper, .header-layout-fullwidth_hamburger #primary-menu, #thegem-perspective .perspective-navigation:not(.responsive) {
    background-color: #ffffff;
}

body:not(.home) div#main-content {
    padding-bottom: 50px;
}

#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-1, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-2, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-3, #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle > span
 {
    background: black;
}

@media (min-width: 980px) {
	span.logo img:first-child {
	    display: block !important;
	    opacity: 1 !important;
	}
	span.logo img {
	    display: none !important;
	}
}

.site-logo {
	text-align: left;

}