/* 
Theme Name: Customized Responsive Child Theme
Description: Customized Responsive Child Theme
Template: responsive
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */
body {
	-moz-font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	background-color: #efefef;
	color:#404040;
	font-family: "verdana", arial, sans-serif;
	font-size:1em;
	font-smoothing:antialiased;
	line-height:1.5em;
	text-rendering:optimizeLegibility;
	background-image: url(https://www.clearvieweyecare.com/images/bg.jpg);
    background-repeat: repeat-x;
}
.bold a:link {font-weight: 700 !important;}
a.topnav {text-decoration: none; color: #abc26f;}
a.topnav:visited {text-decoration: none; color: #abc26f; }
a.topnav:hover {text-decoration: underline; color: #ffffff; }
a.topnav:active {text-decoration: none; color: #abc26; }
a.topnav:visited:hover {text-decoration: underline; color:#ffffff; }
.main-nav {
padding: 0;
}
.center {text-align: center;margin: 0 auto;}
.skip-container {display: block;position: relative;background-color: none;}
#header {
    background: #ffffff;
    margin: 0;
    padding: 0;
}
.post-title {font-size: 2em; line-height: 1.2em; /* = 16px */ margin-bottom: .5em; margin-top: 0;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal !important;}
.entry-title a {font-weight:normal;}
h2.comenu{margin:0 auto;text-align:center;}
.featured-subtitle {padding: 0 10px;text-align: center;}
#wrapper {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  clear: both;
  margin: 0px auto 0px auto;
  padding: 0 20px 20px 20px;
  position: relative;
}
.top-widget .widget-title h3 {
    font-size: 14px;
    padding: 0;
    text-align: right;
    margin: 0 20px 0 20px;
    color: #ffffff;
}
.top-widget {
    float: right;
    clear: right;
    width: 45%;
    min-height: 0;
    padding: 0 3px 0 0;
    border: none;
    background: 0 0;
    text-align: right;
    font-size:1em !important;
    margin: 20px 20px 0 20px !important;
}
.copyright {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #333333;
}
.copyright2 {
  text-align: right;
  font-size: 1em;
  line-height: 1.5em;
  color: #333333;
}
#footer a {
  color: #003399;
  font-weight: 400;
}
#footer a:hover {color: #cc0000;text-decoration:underline;}
.headertext {
  padding: 10px 0px 0px 0px;
  margin: 10px 10px 10px 10px;
  font-size: .8em;
  text-align:center;
  line-height: 1.5em;
}
#widgets {
  margin-top: 20px;
}
#widgets ul li {list-style: disc; margin: 0 0 .5em .5em !important;}
#widgets ul {list-style: disc;}
#widgets ul li{list-style: disc;margin: .5em 0 0 0 0 !important;}
#widgets ul li a {display: inline;text-decoration: none;list-style: disc;}
#content, #content-blog, #content-full {
  margin-top: 20px;
  margin-bottom: 20px;
}
#norm ul, #norm ul ol {margin: .5em 0em 1em 2.8em !important; padding: 0em; list-style: disc; }
#norm ol, #norm ol ol {margin: .5em 0em 1em 2.8em !important; padding: 0em;list-style-type: decimal !important;}
#norm ol ol li {margin: .5em 0em 1.2em 1.5em !important; padding: 0em;}
#norm ul li {margin: 0 0 1em 0 !important; padding: 0em;}
#norm ol li {margin: 0 0 1em 0 !important; padding: 0em;list-style-type: decimal !important;}
#norm2 ul, #norm2 ul ol {margin: .5em 0em 1em 2.8em !important; padding: 0em; list-style: disc; }
#norm2 ol, #norm2 ol ol {margin: .5em 0em 1em 2.8em !important; padding: 0em;}
#normns ul, #norm2 ul ol {margin: 0em 0em 1em 2.8em !important; padding: 0em; list-style: disc; }
#normns ol, #norm2 ol ol {margin: 0em 0em 1em 2.8em !important; padding: 0em;list-style-type: decimal !important;}
.comments-link{display: none;}
/* =Headings
-------------------------------------------------------------- */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
  font-weight: normal;
  line-height: 1.2em;
  word-wrap: break-word;
}

h5, h6, h4 a, h5 a, h6 a {
	font-weight:700;
	line-height:1em;
    word-wrap:break-word;
}

h1 {font-size: 2em; line-height: 1.2em; /* = 16px */ margin-bottom: .5em; margin-top: 0;color: #333333;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;}
h2 {font-size: 1.8em; /* = 14px */ line-height:1.2em; margin-bottom: .75em; margin-top: .5em;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal !important;}
h2.home {font-size: 1.8em; /* = 14px */ line-height:1.2em; margin-bottom: .75em; margin-top: .5em; padding: 0;}
h3 {font-size: 1.8em; /* = 14px */ line-height:1.2em; margin-bottom: .75em; margin-top: .5em;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;}
h4 {font-size:1.2em;}
h5 {font-size:1.2em;}


.featured-title {font-size: 24px;margin: 0;padding-top: 40px;text-align: center;}
.indent {padding:10px 0 10px 50px;}
.widget-title h3 {font-size: 1.8em; /* = 14px */ line-height:1.2em; margin-top: .5em;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;}
#content-blog {
margin-top: 20px;
margin-bottom: 20px;
}
.widget-title, .widget-title-home h3 {
display: block;
font-size: 14px !important;
font-weight: 700;
line-height: 23px;
margin: 0;
padding: 0 0 10px 0;
text-align: left;
}
#featured p {
font-size: 14px;
font-weight: 200;
line-height: 18px;
padding: 0 40px 0 40px;
text-align: left;
}
#widgets .tagcloud, #widgets .textwidget {
display: block;
line-height: 1.5em;
margin: 0;
word-wrap: break-word;
font-size: .9em;
}
#widgets ul li a {
display: inline;
text-decoration: none;
font-size: 1em;
}

/* =Primary Menu
-------------------------------------------------------------- */
.menu {
	background-color:#333333;
	clear:both;
    margin:0 auto;
}

.menu, 
.menu ul {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
}

.menu li {
border:0; display:block;
 width:16.6666667%; float:left;
 margin:0;
padding:0;
	position:relative;
	z-index:5;
}

.menu li:hover {
	white-space:normal;
	z-index:10000;
}

.menu li li {
	float:none;
	text-align:left !important;
}

.menu ul {
	left:0;
	position:absolute;
	top:0;
	visibility:hidden;
	z-index:10;
}

.menu li:hover > ul {
	top:100%;
	visibility:visible;
}

.menu li li:hover > ul {
	left:100%;
	top:0;
}

.menu:after, 
.menu ul:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
}

.menu, 
.menu ul {
	min-height:0;
}

.menu ul {
	margin:-10px 0 0 -30px;
	padding:10px 30px 30px;
}

.menu ul ul {
	margin:-30px 0 0 -10px;
	padding:30px 30px 30px 10px;
	text-align:left !important;
}

.menu ul li a:hover, 
.menu li li a:hover {
	color:#484848;
	text-decoration:none;
}

.menu ul {
	min-width:15em;
	width:auto;
}

.menu a {
border-left: 1px solid #555555;
color: #ffffff;
display: block;
font-size: 13px;
font-weight: 700;
font-family: verdana, arial;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 0.9em;
position: relative;
text-decoration: none;
text-align: center !important;
text-shadow: 0 0px 0px #242424;
}

.menu a:hover {
	background-color:#2055b4;
	color:#ffffff !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22518c, endColorstr=#22518c);
}

ul.menu > li:hover {
	background-color: #2676af;
	color: #ffffff;
}

.menu .current_page_item a {
	background-color:#333333;
	color: #ffffff;
}
.menu .current_page_item a:hover {
	color: #000000;
}
.menu .current_page_item li li a {
	background-color:#ffffff!important;
	color: #000000;
}

.home .menu .current_page_item a {
	background-color:transparent;
}

.menu li li {
	background:#fff;
	background-image:none;
	border:1px solid #b2b2b2;
	border-top:none;
	color:#444;
	filter:none;
	width:auto;
	text-align:left !important;
}

.menu li li a {
	background:transparent!important;
	border:none;
	color:#444 !important;
	font-size:12px;
	font-weight:400;
	height:auto;
	padding:5px 10px;
	text-shadow:none;
	white-space:nowrap;
	text-align:left !important;
}

.menu li li a:hover {
	background:#f5f5f5 !important;
	background-image:none;
	border:none;
	color:#444 !important;
	filter:none;
}

.menu ul > li + li {
	border-top:0;
}

.menu li li:hover > ul {
	left:100%;
	top:0;
}

.menu > li:first-child > a {
	border-left:none;
}

/* =Links
-------------------------------------------------------------- */
a {
	color:#174b8c;
	font-weight:400;
	text-decoration:none;
}

a:hover {
	color:#990000;
	text-decoration:none;
}
button, 
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#ff9000;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9000), to(#ff9000));
	background-image:-webkit-linear-gradient(top, #ff9000, #ff9000);
	background-image:-moz-linear-gradient(top, #ff9000, #ff9000);
	background-image:-ms-linear-gradient(top, #ff9000, #ff9000);
	background-image:-o-linear-gradient(top, #ff9000, #ff9000);
	background-image:linear-gradient(top, #ff9000, #ff9000);
	box-shadow:0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#abc26f, endColorstr=#ff9000);
	border:1px solid #ccc;
	border-bottom-color:#aaa;
	border-radius:6px;
	color:#ffffff !important;
	cursor:pointer;
	display:inline-block;
	font-size:1em;
	font-weight:700;
	margin:0;
	padding:7px 10px !important;
	text-decoration:none;
	text-shadow:none !important;
	vertical-align:middle;
	white-space:nowrap;
	font-family: "Verdana", Arial, sans-serif;
}

button:hover, 
a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {
	background-color:#1a5ea7!important ;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#1a5ea7), to(#1a5ea7));
	background-image:-webkit-linear-gradient(top, #1a5ea7, #1a5ea7);
	background-image:-moz-linear-gradient(top, #1a5ea7, #1a5ea7);
	background-image:-ms-linear-gradient(top, #1a5ea7, #1a5ea7);
	background-image:-o-linear-gradient(top, #1a5ea7, #1a5ea7);
	background-image:linear-gradient(top, #1a5ea7, #1a5ea7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a5ea7, endColorstr=#1a5ea7);
	border:1px solid #bbb;
	border-bottom-color:#aaa;
	color:#ffffff !important;
		
}
.btn {
    background: #ff9000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: verdana,arial;
    font-weight: 600;
    color: #fff;
    font-size: 1em;
    padding: 10px 20px 10px 20px !important;
    margin: 0 0 20px 0;
    text-decoration: none;
}
.btn:hover {
    background:#1a5ea7!important;
	color:#ffffff !important;
}
input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
}
/* Social Icons2
----------------------------------------------------------------------------------------------------*/
#centeredmenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
.social-icons2 li {float: left; margin:0 10px 0 10px !important;padding-left: 5px;line-height: 46px;list-style: none !important;}
.social-icons2 li a {display: inline-block; height: 40px; width: 35px;float: left;background: url(https://www.clearvieweyecare.com/images/icons-social.png) 50% 0 no-repeat;}
.social-icons2 .twitter a {background-position: 50% 0;}
.social-icons2 .twitter a:hover {background-position: 50% -40px;}
.social-icons2 .facebook a {background-position: 50% -80px; }
.social-icons2 .facebook a:hover {background-position: 50% -120px;}
.social-icons2 .pinterest a {background-position: 50% -240px;}
.social-icons2 .pinterest a:hover {background-position: 50% -280px;}
.social-icons2 .gplus a {background-position: 50% -320px;} 
.social-icons2 .gplus a:hover {background-position: 50% -360px;}
.mar25 {margin: 25 0 25 0;}
.clearboth {clear: both;}
#container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
}
.wpcf7-textarea {font-family: "verdana", arial, sans-serif;font-size:1em;}
.post-meta {
    color: 
    #545454 !important;
}
#content .responsive::after {border-bottom: solid 0px #7c7b7b;}
.widget-wrapper input[type="text"] {width:70%;}
/* =Responsive (Mobile) Customizations
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
.top-widget {
    text-align: center !important;
    font-size: 1em;
}
}
@media screen and (max-width: 768px) {
#widgets .widget-wrapper {padding: 20px;}
#logo {
    float: none;
    margin: 0 0 10px;
}
.menu li {width:100%; float:left;}
.menu ul {
	margin:10px 0 0 0;
	padding:0;
}
.js .responsive-mobile-dropdown .main-nav .menu li a {font-size: 16px;}
.js .responsive-mobile-dropdown .main-nav .menu li a:hover {color: #000000 !important;}
.js .main-nav .menu li a {
height: 45px;
padding: 0 15px;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
background:rgba(0,0,0,0.5);   /* for latest browsers */
background: #000000 !important;  /* fallback for older browsers */
color: #ffffff;
text-shadow: none;
font-size: 18px;
font-weight: normal;
line-height: 45px;
text-align: left !important;
cursor: pointer;
white-space: nowrap;
}
.js .main-nav .menu li li a {
    padding: 0 10px 0 30px !important;
    position: relative !important;
}
.js .main-nav .menu li a:hover {
color: #ffffff;
background-color: #ed1e25 !important;
}
.menu li.current_page_item, .js .menu .current-menu-item a, .js .menu .current_page_item a {
    background-color: #000000 !important;
}
.js .main-nav #responsive_current_menu_item {
    display: block;
    padding: 8px 40px 8px 10px;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}

.js .main-nav .menu li ul {
    visibility: visible;
    position: static !important;
    background-color: #000000 !important;
    white-space: nowrap;
}
.js .main-nav .menu li a, .js .main-nav .menu li li a {
    background-color: #000000 !important;
    color: #ffffff !important;
    background-image: none;
    filter: none;
    white-space: nowrap !important;
    word-wrap: break-word !important;
   }
.js .main-nav .menu li li a {
    padding: 0 10px 0 30px !important;
    position: relative !important;
}
.js .main-nav .menu li {
    float: none;
    border: none;
    background-color: #000000;
}

#featured p {
font-size: 1em;
font-weight: 200;
line-height: 18px;
padding: 0 20px 0 20px;
text-align: left;
} 
.top-widget {
    float: none;
    width: 100%;
    min-height: 0;
    padding: 0 0 20px 0;
    border: none;
    background: 0 0;
    text-align: center;
    font-size:1em;
    margin: 0 auto !important;
} 
.text-widget {text-align: center;margin: 0 auto;}
}
@media screen and (max-width: 600px) {
.alignright {float: none !important; margin: 0 auto !important; display: block; margin-bottom: 20px !important;margin-top: 20px !important;}
}
.alignleft {float: none !important; margin: 0 auto !important; display: block; margin-bottom: 20px !important;margin-top: 20px !important;}
}
@media screen and (max-width: 690px) {
#widgets ul li a {
    font-size: 1em !important;
    line-height: 1.4em !important;
    margin: 0 0 1.5em 0 !important;
}
.social-icons2 li a {margin: 0 1em 0 1em !important;}
.copyright2 {
margin: 0 auto;
    text-align: center !important;
    font-size: 1em;
    line-height: 1.5em;
    color: #333333;
}
.text-widget {text-align: center;margin: 0 auto;}  
.make-tel-link {font-size:1.2em;margin:25px 0 0 0 !important;}
}
}
@media screen and (max-width: 480px) {
body {font-size:1em;
	font-smoothing:antialiased;
	line-height:1.5em;
	text-rendering:optimizeLegibility;
}
.featured-title {padding: 20px 20px 0 20px;font-size: 24px !important;	}
.featured-subtitle {font-size: 24px;}
#featured p {
font-size: 1em;
font-weight: 200;
line-height: 18px;
padding: 0 20px 0 20px;
text-align: left;
}  

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;

		text-rendering: optimizeSpeed;
	}

	#wrapper .gallery .gallery-item {
		float: none;
	}

	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
	.alignright {float: none !important; margin: 0 auto !important; display: block; margin-bottom: 15px !important;}
.footer-menu {display:none;}
}

@media screen and (max-width: 320px) {
	body {
	}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		padding: 7px 17px;
		font-size: 14px;
	}

	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {
	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		padding: 5px 15px;
		font-size: 12px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title h3,
	.widget-title-home h3 {
		height: 13px;
		font-size: 14px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}