@import url("css/wf.css");
@import url("css/ws.css");


body {
	/*font-family: 'open_sansregular', arial, sans-serif;*/
	/*font-family: 'robotolight', arial, sans-serif;*/
  font-family: 'Work Sans Light', arial, sans-serif;
	font-size: 14px;
	line-height: 160%;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: 'robotoregular', arial, sans-serif;*/
	/*font-family: 'open_sanssemibold', arial, sans-serif;*/
	/*font-family: 'droid_serifregular', times, serif;*/
  font-family: 'Work Sans Medium', arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #555;
}

h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 16px;} /*Default WP Sidebar Head */

.kaps {text-transform: capitalize;}
.kups {text-transform: uppercase;}

.subheader {
/*font-family: 'open_sanslight', arial, sans-serif	*/
font-family: 'Work Sans Light', arial, sans-serif;
}

.osl {font-family: 'open_sanslight', arial, sans-serif;}
.osr {font-family: 'open_sansregular', arial, sans-serif;}
.osb {font-family: 'open_sansbold', arial, sans-serif;}
.ossb {font-family: 'open_sanssemibold', arial, sans-serif;}
.oseb {font-family: 'open_sansextrabold', arial, sans-serif;}
.rbl {font-family: 'robotolight', arial, sans-serif;}
.rbcl {font-family: 'roboto_condensedlight', arial, sans-serif;}
.rbcr {font-family: 'roboto_condensedregular', arial, sans-serif;}
.rbcb {font-family: 'roboto_condensedbold', arial, sans-serif;}
.rbr {font-family: 'robotoregular', arial, sans-serif;}
.rbb {font-family: 'robotobold', arial, sans-serif;}
.rbk {font-family: 'robotoblack', arial, sans-serif;}
.ddsr {font-family: 'droid_serifregular', times, serif;}

.wst {font-family: 'Work Sans Thin', arial, sans-serif;}
.ws {font-family: 'Work Sans', arial, sans-serif;}
.wsel {font-family: 'Work Sans ExtraLight', arial, sans-serif;}
.wsl {font-family: 'Work Sans Light', arial, sans-serif;}
.wsm {font-family: 'Work Sans Medium', arial, sans-serif;}
.wssb {font-family: 'Work Sans Semibold', arial, sans-serif;}
.wsb {font-family: 'Work Sans Bold', arial, sans-serif;}
.wseb {font-family: 'Work Sans Extrabold', arial, sans-serif;}




.f10 {font-size: 10px; line-height: 160%;}
.f12 {font-size: 12px; line-height: 160%;}
.f14 {font-size: 14px; line-height: 160%;}
.f16 {font-size: 16px; line-height: 160%;}
.f18 {font-size: 18px; line-height: 160%;}
.f20 {font-size: 20px; line-height: 160%;}
.f22 {font-size: 22px; line-height: 160%;}
.f24 {font-size: 24px; line-height: 160%;}
.f26 {font-size: 26px; line-height: 160%;}
.f28 {font-size: 28px; line-height: 160%;}
.f30 {font-size: 30px; line-height: 160%;}
.f32 {font-size: 32px; line-height: 160%;}
.f36 {font-size: 36px; line-height: 160%;}
.f40 {font-size: 40px; line-height: 160%;}
.f44 {font-size: 44px; line-height: 160%;}
.f48 {font-size: 48px; line-height: 160%;}


p {
	/*font-family: 'open_sansregular', arial, sans-serif;*/
  font-family: 'Work Sans', arial, sans-serif;
	font-size: 16px;
	line-height: 160%;
	text-rendering: optimizeLegibility;
}

ol, ul, li {
	/*font-family: 'open_sansregular', arial, sans-serif;*/
  font-family: 'Work Sans', arial, sans-serif;
  font-size: 14px;
	line-height: 21px;
}

blockquote {
	border-left: 4px solid silver !important;
	font-size: 120%;
}

cite {
	font-size: 120%;
}

.wpcf7 p {
	text-transform: uppercase;
	font-family: 'gibson_semibold', arial, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
}

.pagetitle {
  font-size: 42px;
  padding: 28px 0;
  background: #ececec;
  /*font-family: 'open_sanslight', arial, sans-serif;*/
  font-family: 'Work Sans Light', arial, sans-serif;

}

input[type="submit"] {
position: relative;
  vertical-align: top;
  /*width: 100%;*/
  /*height: 60px;*/
  padding: 6px 12px;
  font-size: 16px;
  color:white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #859596;
  border: 0;
  /*border-bottom: 2px solid #95a5a6;*/
  cursor: pointer;
  /*-webkit-box-shadow: inset 0 -2px #95a5a6;*/
  /*box-shadow: inset 0 -2px #95a5a6;*/
}

input[type="submit"]:hover {
	background: #000;
	/*-webkit-box-shadow: inset 0 -2px #95a5a6;*/
  /*box-shadow: inset 0 -2px #95a5a6;*/
}

input[type="reset"] {
position: relative;
  vertical-align: top;
  /*width: 100%;*/
  /*height: 60px;*/
  padding: 6px 12px;
  font-size: 16px;
  color:white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: red;
  border: 0;
  /*border-bottom: 2px solid #95a5a6;*/
  cursor: pointer;
  /*-webkit-box-shadow: inset 0 -2px #95a5a6;*/
  /*box-shadow: inset 0 -2px #95a5a6;*/
  float: right;
}

input[type="reset"]:hover {
	background: #000;
	/*-webkit-box-shadow: inset 0 -2px #95a5a6;*/
  /*box-shadow: inset 0 -2px #95a5a6;*/
}

input[type="text"], textarea {
	font-size: 14px;
	/*font-family: 'open_sansregular', arial, sans-serif;*/
  font-family: 'Work Sans', arial, sans-serif;

}

input[type="email"] {
  font-size: 14px;
  /*font-family: 'open_sansregular', arial, sans-serif;*/
  font-family: 'Work Sans', arial, sans-serif;


}

.pixelovely_testimonial p:before {
  font-family: FontAwesome;
  content:"\f10d";
  padding: 0px 10px 0 0;
  font-size: 22px;
  color: #999;

}

.pixelovely_testimonial p {
  font-size: 20px;
  /*font-family: 'open_sanslight', arial, sans-serif;*/
  font-family: 'Work Sans Light', arial, sans-serif;

}

.pixelovely_testimonial_attribution {
  font-size: 20px;
  /*font-family: 'open_sanslight', arial, sans-serif;*/
  font-family: 'Work Sans Light', arial, sans-serif; 
  font-style: italic;
}

.futer {
  background: #ccc;
  padding: 10px;
}

.finprint {
  font-size: 9px;
  line-height: 100%
}

table tr:nth-of-type(even) {
    background-color: transparent !important;
}

.hh2 {
  font-family: 'Work Sans Light', arial, sans-serif; 
  font-size: 24px;
  padding-top: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid;
}

.hfaq {
  font-size: 16px;
  text-transform: capitalize;
  font-family: 'Work Sans Medium', arial, sans-serif; 
  color: #333;
}

.hhfaq {
  font-family: 'Work Sans Semibold', arial, sans-serif;
  font-size: 24px;
  padding-top: 30px;
}



/* Nav Stuff */

.contain-to-grid {
	background: #e8e8e8;
	border: none;
}

.top-bar-section ul {display: table; margin: 0 auto;}
.top-bar-section ul li {display: table-cell;}


.top-bar {
    background: #006766;
    color: #000;
    height: 40px;
    padding-top: 10px;
}


.top-bar-section li a:not(.button) {
    background: #006766 !important;   
    color: #fff;
    /*font-family: "open_sanssemibold", Arial, sans-serif !important;*/
    font-family: 'roboto_condensedregular', arial, sans-serif;


    font-size: 13px;
	  text-transform: uppercase;
    height: 40px;
    /*text-shadow: 1px 1px 1px #fff;*/
    
}

/* dropdow hover lvl 1 */
.top-bar-section ul li:hover:not(.has-form)>a {
	color:#000;
	background: #e8e8e8;
  -webkit-transition: .53s ease;
-moz-transition: .53s ease;
-o-transition: .53s ease;
-ms-transition: .53s ease;
transition: .53s ease;
}

.top-bar-section li  {
  padding-right: 0;
  padding-left: 0;
}
.top-bar-section ul li:hover:not(.has-form)>a:hover {
	color:#000;
}


.top-bar-section .has-dropdown ul li:hover:not(.has-form)>a {
	color: #000;
}



.top-bar-section .has-dropdown > a:after {
    border-color: #FF0000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}


.top-bar-section li a:not(.button):hover {
    background: #aaa !important;   
	/*text-shadow:1px 1px #000;*/
}

.top-bar-section ul li.active > a {
    background: #ccc !important;
    color: #000 !important;
}


.top-bar-section .dropdown li > a {
    background: #8c0c04 !important;
    color: #fff !important;
    /*text-shadow: 1px 1px #000;*/
}

.top-bar-section .dropdown li > a:hover {
    background: #c6cfd6 !important;
    color: #000 !important;
    /*text-shadow: 1px 1px #fff;*/
}


.top-bar-section ul li.active > a:hover {
    background: #8c0c04 !important;  
    color: #fff !important; 
}

.top-bar .top-bar-section ul li:nth-child(3) {
    font-size: 20px;
}

.tab-bar {
	background: green;
}


.left-off-canvas-menu {
	background: green;
}

ul.off-canvas-list li label {
	background: pink !important;
	color: white;
	border: none;
}

ul.off-canvas-list li a {
	background: gray;
}

.left-small {
	border: none;
}

.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
  border-right: none;
}


@media only screen and (max-width: 320px) {
  .pagetitle {font-size: 24px; margin-top: -30px;}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .top-bar-section li a:not(.button) {font-size: 12px;}
}

/* End Nav Stuff */