/*

Theme Name: Pacific Vision Care, Optometric Services, Inc.
Description: Custome Wordpress Site for Derrick E. Woo, OD
Author: Big Media
Author URI: https://www.socialbigmedia.com/
Tags: Eye Optometrist, Website

*/

/*------------------------------------*\

    MAIN

\*------------------------------------*/

/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}

body {

	font-family: 'PT Serif', serif;

	color:#000;

	font-size:16px;

	 line-height: 30px;

}

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}

.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#337ab7;

	text-decoration:none;

}

a:hover {

	color:#444;

text-decoration:none;

}

a:focus {

	outline:0;

text-decoration:none;

}

a:hover,

a:active {

	outline:0;

text-decoration:none;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}

ul,li,h1,h2,h3,h4

{list-style-type:none;margin:0;padding:0}

/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/

/* wrapper */

/* header */

.header {

padding:10px 0;

}

.header .textwidget {text-align: right;

}

.header .textwidget h2{background: #0f8aa3;

    color: #fff;

    padding: 15px;

    font-size: 20px;

    display: inline-block;

margin-top: 15px;

}



.container{

max-width:1180px;

width:95%;

margin:0 auto;

}





/* logo */

.logo {

    max-width: 410px;

}

.logo-img {

}

/* nav */

.top-nav{background: #265167;

    margin-top: 10px;

}



/* nav */

.main-nav{

	color:#015198;

}



.nav_area ul{

    display: table;

    width: 100%;

}



.nav_area ul li{

    display: table-cell;

    position: relative;

    text-align: center;

}

.nav_area ul li a {

    padding: 12px 10px;

    color: #fff;

    font-size: 18px;

    text-transform: capitalize;

    display: block;

}

.nav_area ul li a:hover,

.nav_area ul li.current-menu-item a{

	color:#fff;

        background:#0f8aa3;

}



ul.sub-menu {

    position: absolute;

    display: none;

    width: 100%;

    background: #ddd;

    z-index: 555;

}

.nav_area ul li:hover ul.sub-menu {

	display:Block;

}

ul.sub-menu li{

	display:block;

}

ul.sub-menu li a{

	padding:5px 10px;

	display:block;

    border-bottom: 1px solid #fff;

}



/* sidebar */

.sidebar {

}

/* footer */

.footer {

}





.top-footer {

    background: #265167;

    color:#fff;

    font-size:14px;

    padding:12px 0;

display:none;

}

.home .top-footer{

	display:block;

}



.bottom-footer {

    background: #0f8aa3;

 font-size:14px;

 color:#fff;

}



.fleft{

padding-left:0px;

}



ul#menu-extra-menu{

text-align:right;

}



ul#menu-extra-menu li {

    display: inline-block;

    padding:0 5px;

}



ul#menu-extra-menu li a{

color:#265167;

}









/*------------------------------------*\

    PAGES

\*------------------------------------*/

.banner{

	padding-bottom:20px;

position: relative;

}

.banner h1 {

    position: absolute;

    top: 40%;

    text-align: center;

    width: 100%;

    color: #fff;

}

.banner-bottom h2{

font-weight:bold;

}



.banner-bottom .vc_btn3.vc_btn3-size-lg , .box-section .vc_btn3.vc_btn3-size-md,

.two-column .vc_btn3.vc_btn3-size-md{

    font-size: 16px;

    padding: 10px 30px;

    margin-top: 10px;

    font-weight: 700;

}



.banner-bottom .vc_btn3.vc_btn3-size-lg:hover , .box-section .vc_btn3.vc_btn3-size-md:hover,

.two-column .vc_btn3.vc_btn3-size-md:hover{

opacity:0.7;

}



.box-section p {

    line-height: 30px;

}



.two-column{

padding:25px 0 50px 0;

}



.two-column h2 {

    font-size: 45px;

    color: #0f8aa3;

    font-weight: bold;

    margin-bottom: 15px;

}



.about{

padding:20px 0;

}



.about h3, .about-top h3 {

    color: #0f8aa3;

    font-size: 45px;

    font-weight: 700;

    padding-bottom: 12px;

}





.about p, .about-top p{

margin-bottom:25px;

}



.meet-us {

    padding: 60px 0;

}



.services h3 {

    color: #0f8aa3;

    font-weight: bold;

    margin-bottom: 10px;

    font-size: 20px;

}



.service-banner{

position:relative;

}



.service-banner   h2.wpb_heading.wpb_singleimage_heading {

    position: absolute;

    color: #fff;

    text-align: center;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

    font-size: 45px;

}



.contact-left h3 {

    color: #0f8aa3;

    font-size: 20px;

    line-height: 30px;

  font-weight: bold;

}



.contact-right h2.vc_custom_heading {

    font-weight: bold;

    padding-bottom: 20px;

}



.contact-right input, .contact-right textarea {

    padding: 10px 15px;

    width: 100%;

    margin-bottom:10px !important;

}



.contact-right textarea{

height:100px;

}



.contact-right input[type="submit"] {

    background: #0f8aa3;

    border: 0px;

    color: #fff;

    max-width: 150px;

    margin: 0 auto;

    display: block;

}



.contact-right input[type="submit"]:hover{

opacity:0.6;

}



.space{

padding-top:25px;

}



.left-desc h2{

font-size:20px;

color:#265167;

padding-bottom:10px;

font-weight:bold;

}



.faq h1, .faq h2, .faq h3, .faq h4 {

    color: #265167;

    font-weight: bold;

    margin-bottom: 15px;

}





.faq p {

    margin-bottom: 25px;

}

.listing ul li {

    list-style-type: disc;

}

.listing ul{

margin-bottom: 20px;

padding-left: 15px;

}



/*------------------------------------*\

    IMAGES

\*------------------------------------*/

/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/

@font-face {

	font-family:'Font-Name';

	src:url('fonts/font-name.eot');

	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),

		url('fonts/font-name.woff') format('woff'),

		url('fonts/font-name.ttf') format('truetype'),

		url('fonts/font-name.svg#font-name') format('svg');

    font-weight:normal;

    font-style:normal;

}

/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/

#toggle, .toggle,.menu-text {

    display: none;

}

@media only screen and (max-width:1000px) {

.vc_carousel-slideline img{

	height: auto;

}

.nav_area ul li a{

font-size:15px;

}

}



@media only screen and (max-width:768px) {

.nav_area {

    background: #265167;

    color: #fff;

    text-align: left;

    width: 100%;

    padding: 15px 0px;

    position: relative;

}

.nav_area  .menu {

    display: none;

    opacity: 0;

    width: 100%;

    position: absolute;

    right: 0;

    background: #0f8aa3;

    z-index: 999;

    top: 48px;

}

.toggle {

    display: block;

    position: relative;

    cursor: pointer;

    color: #fff;

    width: 100%;

    height: 40px;

    line-height: 40px;

    position: absolute;

    right: 0;

    top: 7px;

    text-align: right;

    

}

.menu-text {display:block;line-height: normal;}

#toggle:checked ~ .menu {

    display: block;

    opacity: 1;

}

.nav_area ul li {

    display: block;

text-align: left;

}

.nav_area ul li a {

    padding: 10px 15px;

    color: #FFF;

    border-bottom: 1px solid #fff;

    text-decoration: none;

    display: block;

    line-height: normal;

    float: none;

    clear: both;

}

.nav_area ul li a:hover {

    color: #000;

}

.header .textwidget {

    text-align: center;

}



.header .textwidget h2 {

   margin-top: 0;

}



.banner-bottom h2 {

    font-size: 32px !important;

}



.bottom-footer{text-align:center;}

ul#menu-extra-menu {

    text-align: center;

    padding-bottom: 10px;

}



.fleft p {

    margin-bottom: 0;

}



.about h3, .about-top h3 {

    font-size: 26px;

}



.meet-us {

    padding: 30px 0;

    margin-top: 10px;

}



.meet-us h2{

font-size:30px !important;

}

.banner h1 {display:none;}





}

@media only screen and (min-width:320px) {

}

@media only screen and (min-width:480px) {

}

@media only screen and (min-width:1024px) {

}

@media only screen and (min-width:1140px) {

}

@media only screen and (min-width:1280px) {

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\

    MISC

\*------------------------------------*/

::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/

.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {

}

.bypostauthor {

}

/*------------------------------------*\

    PRINT

\*------------------------------------*/

@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}