@charset utf-8;
/*
Theme Name: SixEightBlue
Theme URI: http://www.hoglab.com
Author: MrHOG
Author URI: http://www.hoglab.com
Description: A clean base the to develop upon. It has as the basic WordPress functionality that can help any WordPress developer create their own WordPress theme.
Tags: white, custom-background, custom-header, custom-menu, editor-style, featured-images, post-formats, threaded-comments, translation-ready
Text Domain: sixeightblue
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
Version: 2.7.2
*/


/*
==========================================
  Font Styles
==========================================
*/
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway-thin-webfont.eot');
    src: url('fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-thin-webfont.woff2') format('woff2'),
         url('fonts/raleway-thin-webfont.woff') format('woff'),
         url('fonts/raleway-thin-webfont.ttf') format('truetype'),
         url('fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
==========================================
  Base Styles
==========================================
*/
* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  outline: none;
}
*:focus {
  outline: none;
}
html {
  height: 100%;
}
body {
  height: 100%;
  background: ;
  font-family: 'open_sansregular', Georgia, Times, serif;
  color: ;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: normal;
}
h3 {
  font-size: 32px;
}
a:link {
  color: #00afef;
}
a:visited {
  color: #00afef;
}
a:hover {
  color: rgb();
}
a:active {
}
p {
  margin-bottom: 10px;
}
hr {
  margin: 20px 0;
}


/*
==========================================
  Helper Classes
==========================================
*/
.fontOpenSansLight {
  font-family: 'open_sanslight', Georgia, Times, serif;
}
.fontOpenSans {
  font-family: 'open_sansregular', Georgia, Times, serif;
}
.fontOpenSansSemi {
  font-family: 'open_sanssemibold', Georgia, Times, serif;
}
.fontOpenSansBold {
  font-family: 'open_sansbold', Georgia, Times, serif;
}
.fontOpenSansExtra {
  font-family: 'open_sansextrabold', Georgia, Times, serif;
}
.learnMore {
  padding: 15px 30px;
  display: block;
  background: rgb();
  color: rgb() !important;
}
.learnMore:hover {
  color: rgb();
}


/*
==========================================
  Main Structure Styles
==========================================
*/
/* ===================================== Main Wrap ===================================== */
#mainWrap {
  min-height: 100%;
}

/* ===================================== Header ===================================== */
#topBar {
  min-height: 20px;
  text-align: right;
  background-color: #00afef;
  color: #fff;
}
#headContent {
  min-height: 70px;
  padding: 10px;
  box-sizing: border-box;
}
#contactPhones {
  text-align: right;
}
#contactPhones p {
  margin-bottom: 0;
  line-height: 120%;
  letter-spacing: -.5px;
  font-family: 'open_sansextrabold', Georgia, Times, serif;
  font-size: 26px;
  color: #404f56;
}
#contactPhones p span {
  font-family: 'open_sansregular', Georgia, Times, serif;
  font-size: 18px;
  color: #bbb;
}

/* --- Header Content --- */

/* --- Main Menu --- */
#menuWrap {
  min-height: 50px;
  background-color: #404f56;
}
#menuWrap ul {
  list-style: none;
}
#menuWrap ul li {
  border-left: 1px solid #55666d;
  float: left;
}
#menuWrap ul li:last-of-type {
  border-right: 1px solid #55666d;
}
#menuWrap ul li a {
  line-height: 70px;
  padding: 0 25px;
  display: block;
  color: #fff;
}

/* ===================================== Content ===================================== */
#mainBanner {
  margin-bottom: 70px;
}
#gmap_canvas img{max-width:none!important;background:none!important}
#mainContent {
  padding: 0 0 132px 0;
}
#infoServ {
}

/* ===================================== Footer ===================================== */
#mainFooter {
  min-height: 120px;
  margin-top: -120px;
}
#footerWrap {
}
#footerTop {
  min-height: 80px;
  padding: 20px 0;
  background-color: #404f56;
  text-align: center;
  font-size: 14px;
  color: #ddd;
}
#footerTop h4 {
  font-size: 34px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #779;	
}
#siteInfo {
  font-size: 13px;
}
#designInfo {
  font-size: 13px;
}


/*
==========================================
  Specific Page Styles
==========================================
*/
/* ===================================== Home ===================================== */
.introHome {
  padding: 0 0 60px 0;
}
#introServ {
  padding: 80px 0;
  background-image: url(images/medic-rosarito.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.servBox {
  padding: 15px;
}
.servBoxCont {
  padding: 30px 15px;
  background-color: rgba(0,0,0,0.5);	
}
.servBoxCont h2 {
  min-height: 50px;
  line-height: 100%;
  margin-bottom: 15px;	
}
.servBoxCont p {
  min-height: 180px;
  line-height: 150%;	
}

/* ===================================== Single ===================================== */

/* ===================================== Contact ===================================== */
#formCont {
	padding: 60px 0;
}
.contactBoxLeft {
  padding-right: 20px;	
}
.contactBox ul li {
  margin: 0 0 10px 20px;
  list-style: url(images/list-arrow-blur.png);
  font-family: 'open_sanslight', Georgia, Times, serif;
  font-size: 20px;
}
.contactBox ul li span {
  font-family: 'open_sanssemibold', Georgia, Times, serif;
  font-size: 17px;
}
#formCont fieldset {
  margin-bottom: 10px;
  border: none;
}
#formCont input[type="text"], #formCont input[type="email"], #formCont input[type="tel"] {
  width: 100%;
  height: 34px;
  padding: 2px 5px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
#formCont textarea {
  max-width: 100%;
  min-width: 100%;
  height: 200px;
  padding: 2px 5px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.formSuccess {
  font-family: 'open_sanssemibold', Georgia, Times, serif;
  font-size: 24px;
  color: #090;
}
.errorForm {
  font-family: 'open_sanssemibold', Georgia, Times, serif;
  font-size: 24px;
  color: #900;
}
/* ===================================== Search ===================================== */
#searchBox {
  min-height: 50px;
  position: relative;
}
#formSearch {
  width: 45%;
  position: absolute;
  top: 50px;
  left: 20px;
}
#formSearch #s {
  width: 77%;
  height: 40px;
  padding: 2px 10px;
  border: none;
  box-sizing: border-box;
  float: left;
  background: rgb(255,255,255);
  color: rgb(100,100,100);
}
#formSearch #searchsubmit {
  width: 23%;
  height: 40px;
  border: none;
  box-sizing: border-box;
  float: left;
  background: rgb(225,202,0);
  color: rgb(255,246,140);
  cursor: pointer;
}
#formSearch #searchsubmit i {
	font-size: 1.7em;
}

/* ===================================== Social ===================================== */


/*
==========================================
  Scripts and Plugins Styles
==========================================
*/
/* ----------------- Back to Top ----------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 30px;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-right: 10px solid #00afef;
  border-radius: 6px 0 0 6px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.5) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .5s 0s, visibility 0s .5s;
  -moz-transition: opacity .5s 0s, visibility 0s .5s;
  transition: opacity .5 0s, visibility 0s .5s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .5s 0s, visibility 0s 0s;
  -moz-transition: opacity .5s 0s, visibility 0s 0s;
  transition: opacity .5s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: rgb(0,0,0);
  opacity: 1;
}

/* ----------------- Responsive Video ----------------- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
} 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----------------- Clickable Map ----------------- */
#mapCont iframe {
  pointer-events: none;
}
#mapCont iframe.clicked{
  pointer-events: auto;
}

/*
====================================================================================================================================================-----
  Responsive Styles
  -This styles are a complement or overwrite of the sixeightblue.css file
====================================================================================================================================================-----
*/