/*
Theme Name: Krzyzak Eyecare
Version: 1.4.1
Text Domain: medina
Template: medina
*/


.mobile-side-button {
  margin-top: 6px;
}

.mobile-side {
  top: 57px;
}

/* ----------------------------------------------------
	WP defaults
------------------------------------------------------- */

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* ----------------------------------------------------
	Typo Overrides
------------------------------------------------------- */

body {
  line-height: 1.6;
}

h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child),
h5:not(:first-child),
h6:not(:first-child) {
  margin-top: 30px;
}

h1, .h1 {
  font-size: 3em;
}

h1, .h1, h2, .h2 {
  line-height: 1.2;
}

h3, .h3 {
  line-height: 1.2;
}

h4, .h4, h5, .h5, h6, .h6 {
  line-height: 1.4;
}

h4, .h4 {
  font-size: 1.4em;
}

.fw-page-builder-content h1,
.fw-page-builder-content h2,
.fw-page-builder-content h3,
.fw-page-builder-content h4,
.fw-page-builder-content h5,
.fw-page-builder-content h6,
main .fw-container h1,
main .fw-container h2,
main .fw-container h3,
main .fw-container h4,
main .fw-container h5,
main .fw-container h6 {
  margin-bottom: 1em;
}

.fw-page-builder-content h1:not(:first-child),
.fw-page-builder-content h2:not(:first-child),
.fw-page-builder-content h3:not(:first-child),
.fw-page-builder-content h4:not(:first-child),
.fw-page-builder-content h5:not(:first-child),
.fw-page-builder-content h6:not(:first-child),
main .fw-container h1:not(:first-child),
main .fw-container h2:not(:first-child),
main .fw-container h3:not(:first-child),
main .fw-container h4:not(:first-child),
main .fw-container h5:not(:first-child),
main .fw-container h6:not(:first-child) {
  margin-top: 1.7em;
}

a {
  color: #0096D6;
}

a:hover {
  color: #000;
}

.content {
  font-size: inherit;
  line-height: inherit;
}

main .fw-container p,
main .fw-container ul,
main .fw-container ol,
.fw-page-builder-content .fw-container p,
.fw-page-builder-content .fw-container ul,
.fw-page-builder-content .fw-container ol {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.667em;
}

main .fw-container ul ul,
main .fw-container ul ul ul,
.fw-page-builder-content .fw-container ul ul,
.fw-page-builder-content .fw-container ul ul ul {
  font-size: .95em;
}

/* ----------------------------------------------------
	Typo Misc.
------------------------------------------------------- */

.banner-block p {
  font-style: normal;
  font-weight: 400;
  color: #fff;
}

.blockquote {
  text-align: left;
}

.blockquote:before {
  background: url(images/quote-b.png) 
}

.blockquote:after {
  background: none;
  width: 0;
  height: 0; 
}

.blockquote:before,
.blockquote:after {
  width: 17px;
  height: 15px;
}

.testimonials-slider {
  margin-top: 0;
}

.testimonials-slider .blockquote {
  font-size: 1.3em;
}

.testimonials-item-s2 .text {
  padding: 15px 25px 15px 25px;
  background-color: #f6f6f6;
}

.testimonials-item-s2 .text:after {
  border-top: 27px solid #f6f6f6;
}

/* ----------------------------------------------------
	Nav
------------------------------------------------------- */

.top-header {
  padding: 11px;
}

.navigation {
  text-transform: none;
}

.navigation > ul > li {
  margin: 0 6px;
}

.navigation > ul li a {
  color: #3c3d41;
  font-size: 14px;
}

/* ----------------------------------------------------
	Banners
------------------------------------------------------- */

.banner-block {
  margin-bottom: 30px;
}

.banner-block .blue-color {
  color: #fff;
}

.banner-block .h1 {
  font-size: 3em;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}

.banner-block .h1 .blue-color {
  font-weight: 700;
}

/* ----------------------------------------------------
	Buttons
------------------------------------------------------- */

.button-style1:hover {
  color: #fff!important;
}

/* ----------------------------------------------------
	Footer
------------------------------------------------------- */

.footer.fw-main-row {
  margin-top: 70px;
}

/* ----------------------------------------------------
	Layout misc.
------------------------------------------------------- */

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.fw-page-builder-content {
  min-height: 600px;
}

/* ----------------------------------------------------
	Blockquote
------------------------------------------------------- */

blockquote {
  padding: 40px 0;
  font-weight: 600;
  font-style: italic;
  font-size: 1.8em;
  text-align: center;
  color: #0095d9;
  background-color: #e5f6ff;
}

/* ----------------------------------------------------
	Fancybox
------------------------------------------------------- */

#fancybox-overlay {
  background-color: rgb(0,0,0)!important;
}

/* ----------------------------------------------------
	Icon boxes
------------------------------------------------------- */

.icon-box-item .icon {
  width: 45px;
}

.icon-box-item .icon + .text {
  margin-left: 67px;
}

.icon-box-item p {
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.6;
}

/* ----------------------------------------------------
	Homepage
------------------------------------------------------- */

.home-intro {
  max-width: 940px;
  margin: 0 auto;
}

.banner-block .owl-next, .banner-block .owl-prev {
  color: #fff;
  opacity: .5;
}

.icon.icon-correct {
  float: left;
  color: #0095d9;
  font-size: 45px;
  text-align: right;
  width: 45px;
}

.icon + .text {
  margin-left: 67px;
}

/* ----------------------------------------------------
	Team page
------------------------------------------------------- */

.team-member {
  margin-top: 20px;
}

.team-member-head {
  margin-bottom: 20px;
}

.team-member-head h4 {
  margin-bottom: 8px;
}

h5.team-title {
  font-weight: 400;
  font-style: italic;
}

/* ----------------------------------------------------
	Contact page
------------------------------------------------------- */

.page-id-48 footer.fw-main-row {
  margin-top: 0;
}

/* ----------------------------------------------------
  DryEye Rescue offer
------------------------------------------------------- */

#dryeye-rescue-offer {
  margin-top: -30px;
}

/* ----------------------------------------------------
  Foobar overrides
------------------------------------------------------- */

.fbr-orange .fbr-content {
  background-color: #ff7b22!important;
}

.fbr-content {
  font-weight: bold;
  
}

.fbr-content .fbr-item-inner {
  padding: .2em;
}

.fbr-content .fbr-item-inner .fbr-buttons {
  padding: 5px;
}

.fbr-toggle {
  background-color: #ea5d00;
}

/* override fixed header placement

.header-wrap.fixed {
  top: 63px;
} */

/* ===================================================================
 *
 * Responsive styles
 *
 * ================================================================ */

@media screen and (min-width: 991px) {
  
  .logo-area {
    padding: 14px 0 8px 15px;
  }
 
  .logo-area img {
    max-height: 80px;
  }

  .navigation > ul > li > a {
    height: 96px;
  } 
}

@media screen and (min-width: 1200px) {
  
  .logo-area {
    padding: 8px 0 8px 15px;
  } 
    
  .navigation > ul > li {
    margin: 0 9px;
  }
}

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

@media screen and (max-width: 990px) {
  
  body {
    font-size: 13.5px;
  }
  
  header.header {
    height: 58px!important;
    /* position: fixed;
    z-index: 100;
    width: 100%; */
  }
  
  .header-wrap {
    /* position: static!important; */
  }
  
  .logo-area img {
    max-height: 45px;
    margin: 6px 0;
  }
}