/*
Theme Name: CarWreck Chiropractic
Description: CarWreck Chiropractic WordPress Theme
Author: element18
Author URI: http://www.element18.com/
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

:root {
  --white: #fff;
  --black: #262626;
  --bodyFont: 'Open Sans', sans-serif;
}

html {
    font-size: 100%;
}

body { 
	background: var(--white); 
	color: var(--black); 
	font: 1rem var(--bodyFont); 
    -webkit-font-smoothing: antialiased;
}

a { 
	text-decoration: none;
	transition: all .25s ease;
}

a:hover {
}

input[type=submit],
button {
	border-radius: 0;
	font-family: inherit;
	transition: all .25s ease;
}

img,
svg,
iframe {
	height: auto;
	max-width: 100%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0.67em;

  font-family: 'Comfortaa', cursive;
  font-size: 2em !important;
  color: #E43D30;
}

h2 {
  margin-top: 0;
  margin-bottom: 0.83em;

  font-family: 'Comfortaa', cursive;
  font-size: 1.5em !important;
  color: #E43D30;
}

h3 {
  margin-top: 0;
  margin-bottom: 1em;

  font-family: 'Comfortaa', cursive;
  font-size: 1.17em !important;
  color: #E43D30;
}

h4 {
  margin-top: 0; 
  margin-bottom: 1.33em !important;
  
  font-family: 'Comfortaa', cursive;
  color: #E43D30;
}

h5 {
  margin-top: 0;
  margin-bottom: 1.67em;
  
  font-family: 'Comfortaa', cursive;
  font-size: .83em !important;
  color: #E43D30;
}

p,
ul,
ol {
	margin-top: 0;
  margin-bottom: 1em !important;
}

p {
  line-height: 30px !important;
}

header, 
section, 
footer,
article {
	width: 100%;
}

.accessibility {
	backface-visibility: hidden;
	left: -999999999px;
	position: absolute;
}

.btn, input[type=button], input[type=submit] {
  display: inline-block;
  padding: 10px 10px;

  text-transform: uppercase;

  font-family: 'Comfortaa', cursive;
  font-size: 26px;
  font-weight: bold;

  border: 1px solid transparent;
}

.btn.btn-black, input[type=button], input[type=submit] {
  background: #262626;
  color: #FFF;
}
.btn.btn-black:hover, input[type=button]:hover, input[type=submit]:hover {
  background: #FFF;
  color: #262626;
  border: 1px solid #262626;
}

.btn.btn-red {
  background: #E43D30;
  color: #FFF;
}
.btn.btn-red:hover {
  background: #FFF;
  color: #E43D30;
  border: 1px solid #E43D30;
}

.font-comfortaa {
  font-family: 'Comfortaa', cursive;
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header {
  background: #262626;
  border-bottom: 5px solid #E43D30;
}

header nav a {
  color: #FFF;

  font-family: 'Varela', sans-serif;
  font-size: 20px;
}
header nav a:hover {
  color: #E43D30;
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

footer nav a {
  color: #FFF;
  font-weight: 800;
}
footer nav a:hover {
  color: #FFF;
  text-decoration: underline;
}

footer .top-footer {
  background: #262626;
}

footer .main-footer {
  background: #E43D30;
}

footer .footer-logo-container {
  margin-top: -100px;
}

footer .top-footer p {
margin-bottom: 0 !important;
}

/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero {
  height: 820px;

  background-image: url('images/hero-placeholder.jpg');
  background-repeat: no-repeat;
  background-size: cover;

  font-family: 'Comfortaa', cursive;
}

.page-hero {
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-overlay {
  background-image: url('images/overlay.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  width: 100%; 
  height: 70px;

  position: relative;
  top: -50px;
  z-index: 25;
}

/***Buckets***/
.buckets .bucket h3 {
  font-family: 'Comfortaa', cursive;
}

/***Testimonials***/
.testimonials {
  background-image: url('images/testimonials-bg-100.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  min-height: 500px;
}
.testimonials .testimonial .testimonial-content {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
}
.testimonials .testimonial .testimonial-reference {
  font-family: 'Comfortaa';
  font-size: 20px;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.alignleft { 
	float: left; 
	margin-right: 15px; 
}

.alignright { 
	float: right; 
	margin-left: 15px; 
}

.aligncenter {
  display: block;
  margin: 0 auto 20px;
}

.alignnone {
  display: block;
  margin: 0;
}

.wp-caption {
  max-width: 100%;
}

/***Page Hero***/

.page-hero {
	background: no-repeat center;
	background-size: cover;
}

/***What We Treat***/
.what-we-treat {
  background-image: url('images/what-we-treat-bg-100.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.what-we-treat .rollover-image {
  display: none;
}
.what-we-treat .service h3 {
  color: #FFF;
}
.what-we-treat .service:hover h3 {
  color: #E43D30 !important;
}
.what-we-treat .service:hover .white-image {
  display: none;
}
.what-we-treat .service:hover .rollover-image {
  display: block;
}

/***Modal***/
.blocker {
  z-index: 100;
}
.modal {
  padding: 40px;
  max-width: 740px;
  z-index: 101;
}

/***Forms***/
.gform_required_legend {
  display: none;
}

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
  border: 1px solid #262626;
  padding: 10px !important;
}
.gform_wrapper.gravity-theme .gfield_label {
  font-weight: normal !important;
  color: #272727;
}
.gform_wrapper.gravity-theme .gfield_required {
  color: #272727 !important;
}

/***Locations List***/
.locations-list .location a {
  color: #E43D30;
}

/***************************************************************************************************************************************************************************************/

/*FAQs*/

/***************************************************************************************************************************************************************************************/

.faqs {
  border: 1px solid #262626;
}
.faqs > :not([hidden]) ~ :not([hidden]) {
  border-color: #262626;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
}
.faqs .faq {
  padding: 10px 25px;
}
.faqs > :last-child {
  border-bottom-style: none !important;
}
.faqs .faq .faq-link {
  color: #262626;
}
.faqs .faq h2 {
  font-size: 20px;
}

.faqs .faq ol li {
  margin-bottom: 35px;
}
.faqs .faq ol li ul {
  padding: 0;
  padding-left: 10px;
  list-style: none;
}
.faqs .faq ol li ul li {
  margin-bottom: 5px;
}
.faqs .faq ol li ul li:before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #E43D30; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/***************************************************************************************************************************************************************************************/

/*Locations Page*/

/***************************************************************************************************************************************************************************************/

.page-id-210 .location {
	color: var(--black) !important;
}

/***************************************************************************************************************************************************************************************/

/*Your Care Page*/

/***************************************************************************************************************************************************************************************/

.physiotherapy-container {
  width: 690px;
  height: 710px;

  margin: 0 auto;

  background: url('images/physiotherapy.png') no-repeat center;
}
.physiotherapy-container .intro {
  padding-top: 55px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  font-size: 14px;
}
.physiotherapy-container .physiotherapy-items-container {
  padding-top: 78px;
}
.physiotherapy-container .physiotherapy-items-container .left {
  margin-left: -35px;
}
.physiotherapy-container .physiotherapy-items-container .right {
  margin-right: -35px;
  
}
.physiotherapy-container .physiotherapy-items-container .popup-button {
  display: block;

  width: 100%;
  max-width: 275px;

  padding: 10px;

  margin-bottom: 90px;

  background: #BB3225;

  font-weight: bold;
  color: #FFF;
  text-align: center;
}
.physiotherapy-container .physiotherapy-items-container .right .popup-button {
	margin-bottom: 60px;
}
.physiotherapy-container .physiotherapy-items-container .popup-button:hover {
  background: #262626;
}

/***************************************************************************************************************************************************************************************/

/*LOCATIONS PAGE*/

/***************************************************************************************************************************************************************************************/
.locations-list .location p {
	margin-bottom: 0 !important;
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 950*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 1105px) {
  footer .footer-logo-container {
    margin-top: -32px;
  }

  footer .top-footer p {
    text-align: center;
  }
}

@media only screen and (max-width: 815px) {
  .footer-menu, .footer-social-icons, .footer-menu-and-social, .footer-phone-number {
    display: none !important;
  } 
}

@media only screen and (max-width: 767px) {
  .btn {
    text-align: center;
  }

  .physiotherapy-container {
    width: 100%;
  }
  .physiotherapy-container .physiotherapy-items-container .left {
    margin-left: 0;
  }
  .physiotherapy-container .physiotherapy-items-container .right {
    margin-right: 0;
  }
}