/*
Theme Name: WCH Service Bureau
All styles below are potential overrides for the central theme stylesheet located at https://updatesfrom.co/library/css/central-theme-style.css
*/

body {
	background-color: #ffffff;
	color:#444444;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.container {
	max-width: 700px; /* Typically same as the width of the header image */
	border-radius: 0px; /* If rounded corners not desired for page, change to 0 */
	background-color: #ffffff; /* Default in central theme stylesheet is #878787, often should be changed to white */
}

/*If borders are required around the page, uncomment and adjust the following border colors/widths for the wrapper div.
#wrapper {
	border-left: 3px solid #8b97a6;
	border-right: 3px solid #8b97a6;
	border-bottom: 3px solid #8b97a6;
	border-radius: 0 0 10px 10px;
	background-color: #fff;
} */

a:link, a:visited {
	color: #04557a;
}

/*If the text address should be below the client logo, uncomment and use the following */
.footer-address {
	/* padding-top: .5em; */
	/* clear: both; */
	margin-bottom:0;
}

/* Form button colors, override Foundation's color; also applied to Contact Form 7 button */
input.button, input.wpcf7-form-control.wpcf7-submit {
	background: #D72731;
}
input.button:hover, input.wpcf7-form-control.wpcf7-submit:hover {
	background: #ac1c23;
}

h2 {font-size:1.3em;}

i, h2 {color:#316aad;}

/* 20150316 Changing the defaults  **/
 
/* li { Instead of this, use the .no-margin class on any <ul> or <ol> where you DON'T want margins.
	margin-bottom: 0;
} */

/* By default, DON'T put borders on article images. Central theme stylesheet has .border class for images where you do want to add a border. */
.content img {
	border: 0 !important;
	outline: 0 !important;
}

div.cta {background:#f6f6f6; border-left:5px solid #003869;}

.title-bar {
  background: #333;
  padding: 10px; }

.top-bar {
  background: url('images/head_line_bg.jpg') repeat-x;
	padding-top:2em;}
  .top-bar ul {
    background: transparent;;
		}
    .top-bar ul li {
			color: #fff;
			font-weight:bold;
     /* background: #333;*/
			margin:0;  }
      .top-bar ul li a {
        color: #fff;
				text-decoration:none; }

.dropdown.menu .submenu { background:#00305a;}

.menu-text {
  color: #fff; }
  @media only screen and (max-width: 40em) {
    .menu-text {
      display: none !important; } 
			.menu > li {display:list-item; text-align:center;}
			.top-bar ul {
    background: #014278;
		}}
		
		@media (min-width: 41em) and (max-width: 1000px) {
			img#logo {width:200px}
			img#icd10stamp {width:95px}
		}
		@media (min-width: 40em) and (max-width: 667px) {
			.top-bar-right .menu li a {background:#013B6B;}
		}
.dropdown.menu .submenu {
  border: none; }
	
.dropdown.menu .submenu.first-sub {
    top: 70%;}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent; }

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff; }

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent; }

.is-drilldown {height:auto!important;}

.image-wrapper {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 4px; }

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(62, 161, 218, 0.6);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.8rem;
  margin-top: 50%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: #1d2b59; }
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #ffffff;
  color: #2A5DB0;
  box-shadow: 0 0 1px #000;
  position: relative;
	  margin-top: 60%;
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }
	
.image-overlay-content a.button {
	margin-right:0px;}
	
	blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}