/******************************************
CUSTOM STYLESHEET
*******************************************/
/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/
@media screen and (max-width: 733px) {
.featured-services .featured-service {
/* display: block; */
float: none;
}
.featured-services .title-post {
font-size: 13px;
}
div.solutionsgap {
display: none !important;
}
/* Home Page */
/* Three columns */
.featured-page .post-excerpt {
height:auto;
min-height:0px;
}
}
/* Added by David Lewis */
/* Color Scheme */
/*
Off-White: #f2f2f2;
Yellow: #fdb825;
Yellow-highlight #ffff00;
Blue: #4a63ae;
Light-Blue: #eef1f7;
Black: #212121;
Gray: #666666;
Green: #4ba303;
Red: #d9282f;
*/
/* Content Wrapper */
div.wrapper-main, div.wrapper-deep {
width:80%;
/* original width 1000px; */
}
@media only screen and (max-width: 640px) {
div.wrapper-main, div.wrapper-deep {
width:100%;
box-sizing:border-box;
}
}
#main a {
color:#4a63ae !Important;
}
.green {
color:#125a1a;
}
.red {
color:#d9282f;
}
.blue {
color:#4a63ae;
}
.yellow {
color:#fdb825;
}
/* Clear floating objects */
.clearFloat {
clear:both;
}
/* Email Signup form */
.essentials_signup .emailSignup table, .essentials_signup .emailSignup tr, .essentials_signup .emailSignup td {
background-color:transparent;
}
.privacyPolicyLink {
cursor:pointer;
text-align:right;
font-size:.9em;
color:#ffffff;
text-decoration:underline;
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.tooltip .tooltiptext {
visibility: hidden;
width: 250px;
background-color: #ffffff;
color: #000000;
text-align: left;
padding: 10px;
border:1px solid #909090;
border-radius: 6px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
box-shadow: 5px 5px 5px #909090;
}
/* Order forms */
.orderFormWrapper {
}
.orderFormRow {
padding:5px 0px;
}
/* Home Page */
/* Three columns */
.featured-page .post-excerpt {
position:relative;
box-sizing:border-box;
min-height:540px;
font-size:18px;
padding-bottom:60px;
}
.featured-page .post-excerpt center {
position:absolute;
width:88%;
bottom:20px;
text-align:center;
}
/* Two Column Layout */
.twoCol1, .twoCol2 {
display:inline-block;
vertical-align:top;
box-sizing:border-box;
width:48%;
margin-bottom:20px;
border:1px solid #4a63ae;
font-size:18px;
}
.twoCol1 {
margin-right:2%;
}
.twoColHead {
min-height:2.5em;
padding:10px 15px;
color:white;
font-size:1.25em;
font-weight:bold;
background-color:#4a63ae;
}
.twoColBody {
box-sizing:border-box;
padding:10px;
}
.products .twoColBody {
/* min-height:400px; */
}
@media only screen and (max-width: 750px) {
.twoCol1, .twoCol2 {
width:100%;
margin-right:0px;
}
}
/* Three Column Layout */
.threeCol1, .threeCol2, .threeCol3 {
display:inline-block;
vertical-align:top;
box-sizing:border-box;
width:32%;
margin-bottom:20px;
}
.threeCol1, .threeCol2 {
margin-right:1%;
}
@media only screen and (max-width: 610px) {
.threeCol1, .threeCol2, .threeCol3 {
width:100%;
margin-right:0px;
}
}
/* Pricing Table */
.pricingTable {
width:100%;
font-weight:bold;
}
.pricingRowBg {
background-color:#eef1f7;
}
.pricingCol1, .pricingCol2 {
vertical-align:top;
padding:10px;
}
.pricingCol1 {
width:70%;
}
.pricingCol2 {
width:30%;
text-align:right;
}
.pricingCol2 img {
margin:0px !important;
max-width:125px !important;
}
/* Get rid of borders on table bottoms */
tr, th, td {
border-bottom:none;
}
/* Watu Quiz Overrides */
.watupro-question-choice, .answer {
padding:0px 5px;
line-height:2em;
vertical-align:middle;
}
.watupro-choices-columns {
margin-bottom:20px;
}
.watupro-main-feedback {
padding-bottom:10px;
}
.show-question-choices {
margin-top:10px;
}
.watupro-resolved .watupro-progress-statement {
display:none !important;
}
/* List Styles - see Icomoon for icon fonts
Example Code:
OR
*/
ul.checklist {
list-style:none;
}
ul.checklist li {
list-style:none;
margin-left:0px;
padding-left:0px;
font-size:1.1em;
}
@font-face {
font-family: 'icomoon';
src: url('/fonts/icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1.5em;
/* Enable Ligatures ================ */
letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-checkmark:before {
content: "\e900";
padding-left:1em;
padding-right:1em;
}
/* Nutrition Table */
.nutritionTable {
min-width:50%;
border:1px solid #4d4d4d;
}
.nutritionTableHead {
text-align:center;
font-size:1.5em;
font-weight:bold;
border:solid #4d4d4d;
border-width: 0px 0px 4px 0px;
}
.nutritionTableHead .small {
font-size: .8em;
font-weight: normal;
}
.nutritionTableHead td {
padding:10px 30px;
}
.nutritionTableRow {
border:solid #4d4d4d;
border-width: 0px 0px 1px 0px;
}
.nutritionTableCol1 {
padding:3px 15px;
text-align:left;
}
.nutritionTableCol2 {
padding:3px 15px;
text-align:right;
}
.nutritionTableFooter {
border:solid #4d4d4d;
border-width: 4px 0px 0px 0px;
}
/* Tabs */
.tabWrapper {
margin:20px 0px 0px 0px;
}
.tab {
display:inline-block;
box-sizing:border-box;
vertical-align:top;
width:48%;
cursor:pointer;
margin:0px 0px;
padding:7px .5%;
font-size:1.25em;
font-weight:bold;
text-align:center;
border:solid #4a63ae;
border-width:1px 0px 0px 0px;
}
.tabOn {
background-color:#4a63ae;
color:#ffffff;
}