/* USED TO ADD FONT AWESOME IF MISSING */
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style : normal;
src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
.myClass:before {
font-family: FontAwesome;
content: "\f024";
}

body {
	font-size: 14px;
	line-height: 1.8;
  background-color: #f5f5f5;
    background-image: url("https://prtcoolservice.net/assets/img/air-conditioning-hvac-tech.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

p {
	margin-bottom: 12px;
}

h1 {
	

	font-size: 32px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 24px;
}

h2 {	
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 24px;
}

h3 {
	font-size: 16px;
	margin-bottom: 12px;
	line-height: 1.4;
	margin-bottom: 18px;
}

ul {
	
	margin-bottom: 16px;
}

/* Buttons */

.button {
    background-color: #EC5013;
	padding: 12px;
	display: block;
	margin: 32px 0 48px;
	text-align: center;
	color: #fff;
  }

.button:hover {
    background-color: #EE612B;
  }

/* Miscellaneous */

.site-container {
    font-family: 'Open Sans', sans-serif;
}

.primary-navigation,
.primary-footer {
    font-family: 'Open Sans', sans-serif;
}

.post-blog .post-body > h2,
.post-column_set h2,
.post-column_set .column--title,
.post-coupon h2,
.post-document h2,
.post-email_form h2,
.post-event h2,
.post-facebook h2,
.post-gallery h2,
.post-gallery .gallery-photo--title,
.post-hero_image h2,
.post-image h2,
.post-menu .title,
.post-menu .item--name,
.post-pricing_table h2,
.post-pricing_table .plan--title,
.post-slideshow h2,
.post-text h2,
.post-twitter h2,
.post-video h2,
.sidebar-container h1,
.sidebar-container h2,
.sidebar-container .location_details .menu {
    font-family: 'Open Sans', sans-serif;
}

.primary-navigation,
.primary-navigation .page-listing a,
.primary-navigation .page-listing ul,
.primary-footer,
.primary-footer ul ul {
  background-color: #D9EAF9;
}

  .primary-navigation .page-listing li,
  .primary-navigation .location-quick-links a {
    border-color: #121112;
  }

  .primary-footer ul ul li {
    border-color: rgba(18, 17, 18, 0.5);
  }

  .primary-navigation a,
  .primary-navigation .arrow,
  .primary-footer a {
    color: #121112;
  }

    .primary-navigation a:hover {
      border-color: #121112;
      color: #121112;
    }

    .primary-navigation a.active {
      background: #CAE1F7;
      color: #000000;
    }

    .primary-navigation .page-listing ul ul {
      background: #121112;
    }

      .primary-navigation .page-listing ul li {
        border-color: rgba(18, 17, 18, 0.5);
      }

  /* Duplicated in app/assets/stylesheets/_variables.scss */
  @media (min-width: 968px) {
    .layout-one_column_wide_nav_in_header .primary-navigation a {
      color: #D9EAF9;
    }

    .layout-one_column_wide_nav_in_header .primary-navigation .page-listing ul {
      background-color: #121112;
    }

    .layout-one_column_wide_nav_in_header .primary-navigation .page-listing ul li {
      border-color: rgba(134, 186, 235, 0.5);
    }

    .layout-one_column_wide_nav_in_header .primary-navigation a:hover {
      border-color: #D9EAF9;
    }
  }

/* Sidebar */
.sidebar-container {
  background: #f7f7f7;
  background: rgba(247, 247, 247, 0.89);
  box-shadow: inset 0 5px 50px #f7f7f7;
  color: #131414;
}

.layout-two_column .main-container {
  background: #f7f7f7;
  background: rgba(247, 247, 247, 0.95);
}

/* Headings, location information/details links, and keywords */
.sidebar-container h1,
.sidebar-container h2,
.sidebar-container .locations .location_details a,
.sidebar-container .locations .contact input[type="submit"],
.sidebar-container div.locations div.location_details,
.sidebar-container div.keywords {
  color: #0e6bc2;
}

/* Location details active menu items */
.sidebar-container div.locations div.location_details .menu a.active {
  background-color: #0e6bc2;
  color: #f7f7f7;
}

.sidebar-container div.photos img {
  border-color: #0e6bc2;
}

/* Location email address links */
.sidebar-container div.locations a {
  color: #131414;
}

.sidebar-container div.locations .location_details .map img {
  border-color: #131414;
}

/* Copyright */
.main-container div.copyright {
  color: #131414;
}

.main-container div.copyright a {
  color: #131414;
}


.header-style-logo-text {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.85);
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}

.header-style-logo-text .logo {
  width: 100%;
}

.header-style-logo-text h1 {
  color: #3b3a3b;
    font-family: 'Open Sans', sans-serif;
  font-size: 54px;
}

.header-style-logo-text h2 {
  color: #b0b0b0;
    font-family: 'Satisfy', cursive;
  font-size: 34px;
}

/* Duplicated in app/assets/stylesheets/_variables.scss */
@media (min-width: 968px) {
  .layout-one_column_wide_nav_in_header .primary-navigation {
    margin-top: 8px;
  }
}

/* Social media */

.post .post-twitter .SandboxRoot.env-bp-550 .timeline-Tweet-text {
	font-size: 14px;	
}

/* Slider */
.slider {
	width: 100%;
	background-color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* Google reviews widget */

.iJRJs a {
	color: #ffffff;
}

/* Links */
.float-right {
	display: inline-block;
	clear: both;
	position: relative;
	float:right;
	top: 0; 
}

/* Primary Navigation */
.primary-navigation .page-listing a {
	padding: 12px 14px;
}
.primary-navigation .page-listing li {
	font-weight: bold;
	text-transform: uppercase;
}
.primary-navigation .page-listing li .appointment {
	color: #EC5013;
}
.primary-navigation .page-listing a {
	border-bottom: none;
}
.primary-navigation .page-listing a:hover {
	transition: color 0.5s ease;
	color: #666767;
}

/* Appointment Form */
.embed #container {
	background: #fff;
}

/* Font Awesome lists */
.fa-li {
	top: 0;
	color: #9e9e9e;text-align: left;
}

.spacer {
	display: block;
	width: 100%;
	clear: both;
	height: 24px;
}

.sidebar-container div.photos, .sidebar-container div.connect {
	border-top: none;
	padding-top: 24px;
}

/* YouTube videos responsive iFrame */

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}