/*

Theme Name: Monocle
Author: 4ECPs
Description: Monocle Platform for the Optometry Pod, this is updated in a central location and remain all standardized. 
			
Version: 1.4.5

notes:
New Promotions Page
New options for background images to header/footer/ and button options

fixes:

*/

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

@import url( 'header-mobile-nav.css' );

p {
	color: #333;		
}
b, strong {
    font-weight: 600;
}

.two-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

@media all and (max-width: 991px) {
	.two-columns {
	  -webkit-column-count: 1;
	  -moz-column-count: 1;
	  column-count: 1;
	}
}

/* Homepage fixes */
.header-logo-banner .container {
    padding-bottom: 10px;
}
.home-widget.col-xs-12.col-sm-4 {
    margin: 0;
    padding: 0;
}
.container {
	max-width: 1140px;	
}

/* Homepage paralax why us*/
.section-why-us {
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h3 {
    font-size: 26px;
    font-weight: 300;
    color: #333;
    padding: 20px 0px 10px;
	margin: 0;
}
h4 {
    margin-top: 30px;
    text-transform: uppercase;
}
/* ---------------------------------------------------------------------- *\
		transitions, fade-ins and animations
\* ---------------------------------------------------------------------- */

.collapse-body ul, .widget-ordercontacts ul  {
    padding-bottom: 5px;
    LIST-STYLE-TYPE: DISC;
    MARGIN-LEFT: 30PX;
}

/* fade in */
.fadein-bottom {
    margin: 0 auto;
    position: relative;
    display: block;
    opacity: 0;
    margin-bottom: -50px;
    margin-top: 50px;
}

/* fade right */
.fadein-right {
	margin-right:-50px;
	margin-left:50px;
	opacity: 0;
}


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

.graph-container {
	margin-top:30px;
	width: 160px;
	margin-left: auto;
	margin-right: auto;   
	display: block;
	margin-bottom: 30px;
}

.graph-donut {
   position: relative;
   display: inline-block;
   width: 160px;
   text-align: center;
}

.graph-donut canvas {
   position: absolute;
   top: 0;
   left: 0;
}

.graph-title {
   margin-top: 75px;
   text-align: center;
   font-size: 18px;
   color: #453d33;
}

.percent {
   display: inline-block;
   font-size: 20px;
   color: #000;
   margin-top: 65px;
}

.percent:after {
   content: '%';
}






/*Blog Archives*/
.nav-links a {
    color: white;
    font-size: 16px;
    font-weight: 500;
}
.aye-archive-blurb, .aye-archive-title {
    font-size: 16px;
}


/* single pages
------------------------------------------- */
.single-body {
    padding-bottom: 60px;
}
.single-body h2 {
    /*font-weight: 300; converted to option during Lynn Valley */
    padding: 0px 0 10px;
	margin-bottom: 0;
   
}

.single-h2 {
    
    font-size: 30px;
    padding: 15px;
    margin: 0;
}

.single-body p {
    line-height: 1.5;
    /*font-weight: 300; converted to option during Lynn Valley */
}

/* Brands Pages 
------------------------ */
.widget-ordercontacts {
	background: rgba(255, 255, 255, 0.5);
    margin: 25px 15px 20px 25px;
    padding: 15px 25px;
    
}
.widget-ordercontacts h4 {
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    padding: 5px;
    color: #412d39;
    font-weight: 900;
    border-bottom: 1px solid #ccc;
	margin-top: 0;
}

.widget-ordercontacts a {
    color: #fff;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    padding: 15px 25px;
    margin: 10px;
    display: block;
    text-align: center;
	-webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

.all-brands-button{
    border-radius: 0px;
    padding: 15px 25px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    margin-top: 20px;
	margin-bottom:0px;
	font-weight:100;
}

.widget-ordercontacts a:hover,
.widget-ordercontacts a:focus,
.widget-ordercontacts a:active {
	text-decoration: none;
	color: #fff;
}
.all-brands-button:hover,
.all-brands-button:focus,
.all-brands-button:active
{
	text-decoration: none;
	color: #fff;
}

.brands-row h3 {
    padding: 30px 20px 10px 0;
}
/* grid */
.row.brands-row {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.brand-item {
    float: left;
    width: 33%;
    padding: 20px;
}
.brand-item-card {
	border: 1px solid rgba(128, 128, 128, 0.25);
    background-color: #fff;
    max-width: 100%;
    width: 320px;
    margin: 0 auto;
    padding: 10px 10px 20px;
}

.brand-item-title {
    text-align: center;
    padding: 10px 10px 5px;
    font-weight: 600;
    color: #666;
}
.brand-item-blurb {
    padding: 5px 10px 10px;
    color: #444;
    font-weight: 300;
}
.brand-item-social {
    text-align: center;
}
.brand-item-social a {
    padding: 2px;
}
.section-brands-one {
    padding-bottom: 20px;
}
@media all and (max-width: 991px){
	
.brand-item {
    float: left;
    width: 50%;
    padding: 20px;
}

}
@media all and (max-width: 669px){
	
.brand-item {
    float: left;
    width: 100%;
    padding: 20px;
}

}

/* Widget Styles */
.widget-imagelink-1 {
    cursor: pointer;
}
.collapse-body li {
    padding-bottom: 5px;
}

/* QA Full 
------------------------ */
.qa-full {
    background-color: #fff;
}
.qa-item {
    border-bottom: 5px solid #f1f1f1;
}
.qa-item-title {
    background-color: #f1f1f1;
    padding: 10px 10px 10px 20px;
    font-weight: 900;
    font-size: 24px;
    color: #444;
    border-left: 5px solid #f1f1f1;
}
.qa-item-body {
    padding: 15px;
    color: #666;
    font-weight: 300 !important;
    border-left: 5px solid #f1f1f1;
	font-size:14px;
}
.qa-item-body * {
    font-weight: 300 !important;
	font-size:14px;
}
.qa-item-meta {
    background-color: #ccc;
    color: #fff;
    padding: 5px;
    font-size: 10px;
    display: block;
}
.qa-item-meta:hover {
    background-color: #999;
    color: #fff;
	text-decoration: none;
}

/* SPACERS */
.bottom-spacer {
    padding: 15px;
}

/* Fix Conversion Space */
iframe[name="google_conversion_frame"] {
    display: none;
}

/* MOBILE STYLING */

.mob-panel{
	display:none!important;	
}

@media all and (max-width:767px){
	.home-widget.col-xs-12.col-sm-4 {
    display: block;
    text-align: center;
	}
	.home-widget .textwidget {
    display: inline-block;
    text-align: center;
	}
	.section-widget .container {
    padding: 20px 0;
	}
	.why-us-section .col-sm-4 {
    margin-bottom: 10px;
	}
	.widget-ordercontacts {
    padding: 2px;
	margin-left:auto;
	margin-right:auto;
	}
	.widget-ordercontacts {
		margin:auto;
		margin-bottom: 10px;
		padding:5px;
	}
}

.herobanner-title{
    text-align: left!important;
    margin: 20px 40px!important;
}

.herobanner-link {
    float: left!important;
    margin: 0 50px 20px 40px!important;
}

.herobanner-subtitle {
    text-align: left!important;
    margin: 5px 40px!important;
}

#brand-grid-controls-reset-row {
    padding-left: 0;
}

.aye-single-body ul li {
    list-style-type: disc;
    margin-left: 40px;
}
#brand-grid-controls-reset-row {
    margin-left: 15px!important;
}

/*Zeiss Page*/
.zeiss h4.panel-title {
    padding: 10px;
}
.zeiss .panel.panel-default {
    border: none;
}