/*
Theme Name: heidisearchcenter2017
Theme URI: http://aarontgrogg.com/heidisearchcenter2017/
Description: A merger created by Aaron T. Grogg (http://aarontgrogg.com/) of the HTML5 heidisearchcenter2017 (http://html5heidisearchcenter2017.com/) and the Starkers theme (http://starkerstheme.com/), heidisearchcenter2017: Starkers provides developers with an ideal, bleeding-edge, clean-start theme. Mark-up is minimal (thanks Elliott) and the most edge-case web technology is baked right in (thanks Paul, Divya and a large cast of supporting characters)! heidisearchcenter2017 themes are designed to serve as a Parent theme to whatever Child (http://codex.wordpress.org/Child_Themes) you care to add, but you could just as easily use this as a starting point and alter the PHP as your design needs. More about this theme can be found at http://aarontgrogg.com/heidisearchcenter2017/.
Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
Author URI: http://aarontgrogg.com/
Version: 4.4.2
Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This CSS file is a concatenation of style.css from HTML5 heidisearchcenter2017 and style.css from Starkers.
Comment blocks indicate where each begins and ends, like this, for example...
*/
/** START HTML5 heidisearchcenter2017 CSS **/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: 'Lato', sans-serif !important;
font-weight: 300;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1, .single-tribe_events .tribe-events-single-event-title {
font-size: 2.5em;
margin: 0em 0;
font-weight: 700;
line-height: 1.1;
color: #000;
text-align: center;
font-family: 'Roboto Slab', serif;
}
h2 {
font-size: 2em;
margin: 0 0 0.3em 0;
font-weight: 600;
line-height: 1.1;
text-transform: uppercase;
}
h3 {
font-size: 1.5em;
font-weight: 300;
margin: .1em 0;
}
h4 {
font-size: 1.3em;
margin: 1.33em 0;
}
h5 {
font-size: 1.2em;
margin: 1.67em 0;
}
h6 {
font-size: 1em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: 700;
}
blockquote {
margin: 1em 40px;
padding: 1em;
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.5);
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: .2em 0em 1.8em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
padding: .2em .5em;
border: 1px solid #FFF;
border: 1px solid rgba(0,0,0,0.1);
outline: none;
background: rgba(255,255,255,0.7);
}
button:hover,
input:hover,
select:hover,
textarea:hover {
border: 1px solid #FFF;
border: 1px solid rgba(0,0,0,0.4);
transition: border .5s ease-in-out;
-moz-transition: border .5s ease-in-out;
-webkit-transition: border .5s ease-in-out;
background: rgba(255,255,255,0.9);
}
button:active,
input:active,
select:active,
textarea:active {
border: 1px solid #FFF;
border: 1px solid rgba(255,255,255,0.8);
background: rgba(255,255,255,0.9);
}
input,
select,
textarea {
width: 96%;
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
width: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
table td{
vertical-align: top;
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
th{
text-align: left;
}
/*! main.css */
/*
* HTML5 heidisearchcenter2017
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
color: rgba(0,0,0,0.9);
}
body {
font-size: 1.25em;
line-height: 1.6;
background: #F9BE00;
}
body.home {
background: #FFF;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #000;
color: #FFF;
text-shadow: none;
}
::selection {
background: #000;
color: #FFF;
text-shadow: none;
}
::-webkit-scrollbar {
width: 12px;
background: #FFF;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
background: #F9BE00;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
a{
text-decoration: none;
color: #000;
}
a:hover{
text-decoration: none;
border-bottom: 1px dotted rgba(255,255,255,0.5);
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
/* Grid */
.clear{ clear: both; width: 100%;}
.row { clear: both; overflow: hidden; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth{height:auto !important; min-height:1px; margin-right:5%; float:left; position:relative;}
.one_half {width:44.5% !important;}
.one_third{width:28% !important;}
.two_third{width:63.332% !important;}
.one_fourth{width:21.25% !important;}
.two_fourth{width:44% !important;}
.three_fourth{width:70% !important;}
.last{margin-right:0px; clear:right;}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {height:auto !important; min-height:1px; margin-right:0; float:left; position:relative;}
.one-half {width:50%;}
.one-third {width:33.333%;}
.two-third{width:61.332%;}
.one-fourth {width:25%;}
.two-fourth {width:50%;}
.three-fourth {width:75%;}
/*.one_fifth{ width: 17%;}
.two_fifth{ width: 34%;}
.three_fifth{ width: 51%;}
.four_fifth{ width: 68%;}
.one_sixth{ width: 14.5%;}
.five_sixth{ width: 72.5%;}*/
.last, .last_column{margin-right:0px; clear:right;}
.two-third.last {width:61.334%;}
.left{
float: left;
}
.right{
float: right;
}
.clear{
clear: both;
}
.flex-img{
width: 100%;
height: auto;
}
.bg-white{
background: #FFF;
}
.bg-white-transparent{
background: #FFF;
background: rgba(255,255,255,0.8);
}
.bg-black, .bg-black-transparent{
background: #000;
}
.bg-black-transparent{
background: rgba(0,0,0,0.5);
}
.bg-yellow{
background: #F9BE00;
}
.bg-yellow-transparent{
background: rgba(249,190,0,0.8);
}
.bg-orange{
background: #C46D14;
}
.bg-baby-blue, .bg-blue-transparent{
background: #B9C8D3;
}
.bg-blue-transparent{
background: rgba(185,200,211,0.8);
}
.bg-green{
background: #AAAD00;
}
.button, .newsletter-submit, .form-submit .submit, .jobs-applynow a, .accua-form-view-standard .pfbc-buttons button,
.testimonial-content p a, #menu-sticky-footer-buttons li a{
border: 1px solid rgba(0,0,0,0.1);
color: rgba(0,0,0,0.5);
padding: .25em .5em;
text-decoration: none;
margin-bottom: 15px;
border-radius: 5pxt;
background-color: rgba(0,0,0,0.05);
font-weight: 300;
display: inline-block;
font-size: .9em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+9,000000+86,000000+100&0.08+1,0+9,0+86,0.08+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.08) 1%, rgba(255,255,255,0) 9%, rgba(0,0,0,0) 86%, rgba(0,0,0,0.08) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.08) 1%,rgba(255,255,255,0) 9%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.08) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.08) 1%,rgba(255,255,255,0) 9%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.08) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14ffffff', endColorstr='#14000000',GradientType=0 ); /* IE6-9 */
}
a.button:hover, a:hover.button, .newsletter-submit:hover, .form-submit .submit:hover, .jobs-applynow a:hover, .accua-form-view-standard .pfbc-buttons button:hover, .testimonial-content p a:hover{
border: 1px solid rgba(0,0,0,0.3) !important;
background-color: rgba(0,0,0,0.1) !important;
color: #000 !important;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
text-decoration: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+14,ffffff+91,ffffff+99&0.08+0,0+14,0+91,0.08+99 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 14%, rgba(255,255,255,0) 91%, rgba(255,255,255,0.08) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 14%,rgba(255,255,255,0) 91%,rgba(255,255,255,0.08) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 14%,rgba(255,255,255,0) 91%,rgba(255,255,255,0.08) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14000000', endColorstr='#14ffffff',GradientType=0 ); /* IE6-9 */
}
#footer a.button, .home .testimonial-content p a, #sticky-bot a.button, #menu-sticky-footer-buttons li a{
border: 1px solid rgba(255,255,255,0.2) !important;
background: rgba(255,255,255,0.05) !important;
color: #FFF !important;
}
#footer a.button:hover, .home .testimonial-content p a:hover, #sticky-bot a.button, #menu-sticky-footer-buttons li a:hover{
border: 1px solid rgba(255,255,255,0.4) !important;
background: rgba(255,255,255,0.2) !important;
color: #FFF !important;
}
.btn-green{
background: #AAAD00;
color: #FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8aa19+1,aaad00+9,aaad00+86,879300+100 */
background: #a8aa19; /* Old browsers */
background: -moz-linear-gradient(top, #a8aa19 1%, #aaad00 9%, #aaad00 86%, #879300 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a8aa19 1%,#aaad00 9%,#aaad00 86%,#879300 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a8aa19 1%,#aaad00 9%,#aaad00 86%,#879300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8aa19', endColorstr='#879300',GradientType=0 ); /* IE6-9 */
}
.btn-yellow{
background: #F9BE00;
color: #000;
}
.btn-black{
background: #000;
color: #FFF;
}
.btn-white{
background: #FFF;
color: #333;
}
.btn-clear{
background: transparent;
color: rgba(0,0,0,0.8);
}
.btn-red{
background: #D9272E;
color: #FFF;
}
/*********end buttons***********/
#header, #content, #footer{
padding: 0px;
}
#header{
background: #000;
background: transparent;
position: fixed;
top:0;
width: 100%;
z-index: 100;
padding: 0px;
}
#header.header-effect{
background: rgba(255,255,255,0.9);
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-webkit-transition: background .5s ease-in-out;
}
#header:hover.header-effect{
background: rgba(255,255,255,0.95);
}
#wrap-logo{
/*float: left;*/
max-width: 220px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 0;
left: 10px;
}
#wrap-logo h1, #wrap-logo h2{
margin: 0;
}
#header-phone{
float: left;
margin: 3px 5px 2px 5px;
color: #FFF;
z-index: 200;
position: relative;
}
#header-phone p{
font-size: 1.3em;
margin: 0;
}
#header header{
border-bottom: 1px solid rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.05);
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.05);
}
#header header #s{
display: none;
}
#header header #searchform{
border:none;
}
#header header #searchform #searchsubmit{
width: 30px;
height: 40px;
}
/********start secondary nav**********/
#secondary-navigation{
float: right;
}
#secondary-navigation ul li{
}
#secondary-navigation ul {
text-align: left;
display: inline;
margin: 0;
padding: 0;
list-style: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
z-index: 20
}
#secondary-navigation ul li {
display: block;
float: left;
position: relative;
background: none;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
font-size: .9em;
}
#secondary-navigation ul li a{
padding: 2px 7px 2px 7px;
margin: 4px;
color: #333;
display: block;
text-decoration: none;
}
#secondary-navigation ul li li a{
padding: 10px;
}
#secondary-navigation ul li a:hover{
border: none;
background: transparent;
}
#secondary-navigation ul li:hover {
color: #000;
background: #FFF;
}
#secondary-navigation ul li:hover a {
color: #00;
}
#secondary-navigation ul li ul {
padding: 0;
position: absolute;
/*top: 110px;*/
left: 0;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
#secondary-navigation ul li:hover ul li a{
color: #000;
}
#secondary-navigation ul li ul li {
background: #EAEAEA;
display: block;
width: 100%;
font-size: .9em;
border-bottom: 1px solid transparent;
}
#secondary-navigation ul li ul li:hover { background: #F9BE00; }
#secondary-navigation ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
#secondary-navigation ul li:last-child:hover ul{
left: -140px;
}
#secondary-navigation ul li a .fa{
display: block;
text-align: center;
color: #000;
}
#secondary-navigation ul li.btn-green a{
background: #AAAD00;
color: #FFF;
border: 1px solid #4E5A30;
border-radius: 5px !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8aa19+1,aaad00+9,aaad00+86,879300+100 */
background: #a8aa19; /* Old browsers */
background: -moz-linear-gradient(top, #a8aa19 1%, #aaad00 9%, #aaad00 86%, #879300 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a8aa19 1%,#aaad00 9%,#aaad00 86%,#879300 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a8aa19 1%,#aaad00 9%,#aaad00 86%,#879300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8aa19', endColorstr='#879300',GradientType=0 ); /* IE6-9 */
}
/********end secondary nav**********/
/********start primary nav**********/
#primary-navigation{
float: right;
}
#primary-navigation ul li{
}
#primary-navigation ul {
text-align: left;
display: inline;
margin: 0;
padding: 0;
list-style: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
#primary-navigation ul li {
display: block;
float: left;
position: relative;
background: none;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
font-size: 1.2em;
}
#primary-navigation ul li a{
padding: 20px 25px 10px 25px;
color: #683817;
display: block;
text-decoration: none;
}
#primary-navigation ul li li a{
padding: 10px;
}
#primary-navigation ul li a:hover{
border: none;
background: transparent;
}
#primary-navigation ul li:hover {
color: #FFF;
background: #683817;
}
#primary-navigation ul li:hover a {
color: #FFF;
}
#primary-navigation ul li ul {
padding: 0;
position: absolute;
/*top: 110px;*/
left: 0;
width: 250px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
#primary-navigation ul li:hover ul li a{
color: #000;
}
#primary-navigation ul li ul li {
background: #D1C392;
display: block;
width: 100%;
font-size: .9em;
border-bottom: 1px solid transparent;
}
#primary-navigation ul li ul li:hover { background: #F9BE00; }
#primary-navigation ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
#primary-navigation ul li:last-child:hover ul{
left: -140px;
}
#primary-navigation ul li a .fa{
display: block;
text-align: center;
color: #DFD4B0;
}
/********end primary nav**********/
.current-menu-item{
border-bottom: 1px dotted #FFF;
}
#mission, #services{
padding: 85px 15%;
background: #FFF;
}
#mission{
background: #DFD4B0;
}
.page-template-woocommerce #content{
margin-top: 120px;
}
.slider-wrapper {
}
.slider-wrapper .nivo-caption{
background: transparent !important;
bottom: 40% !important;
font-size: 2.5em;
line-height: 1;
text-align: center;
font-family: 'Lato', sans-serif !important;
font-weight: 100;
color: #FFF !important;
padding: 5%;
}
.slider-wrapper .nivoSlider img{
opacity: 0.15;
}
.theme-default .nivoSlider{
background-image: none !important;
}
.theme-default .nivoSlider{
margin-bottom: 0 !important;
background: #514F1C url(../heidisearchcenter2017/loading.gif) no-repeat 50% 50% !important;
}
#missing-blocks{
padding: 5%;
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
}
#missing-blocks h1{
color: #FFF;
}
#missing-blocks #missing{
}
#missing-blocks #missing .text, #missing-blocks #missing .thumb{
width: 47%;
margin: 0 1%;
display: inline-block;
vertical-align: middle;
}
#missing-blocks #missing .text ul{
margin: 0;
padding: 0;
}
#missing-blocks #missing .text ul.missing-tags li{
list-style-type: none;
}
#missing-blocks #missing .text ul.missing-tags li p{
margin: .1em 0;
}
#mission p{
text-align: center;
font-size: 2.1em;
color: #331C07;
font-weight: 300;
margin: 0;
line-height: 1.3;
}
#home-white-box, #home-black-box{
padding: 5% 0;
}
#home-white-box{
width: 100%;
background-image: url(images/bg-laid-paper.png);
background-repeat: repeat;
}
#home-white-box h1{
background: transparent url(images/bg-h1.png) no-repeat;
background-size: 100% 100%;
background-position: top right;
padding: .5em;
margin-top: 3em;
text-align: right;
padding-right: 1.5em;
}
#home-white-box h2{
margin-bottom: 0;
}
#home-white-box h3{
margin-bottom: .5em;
margin-top: 0;
}
#home-black-box h1, #home-black-box h2{
color: #FFF;
}
#home-black-box h1{
margin-bottom: 1.5em;
}
#home-black-box ul li ul li{
width: 48%;
margin:.2em 1%;
display: inline-block;
list-style-type: none;
}
#home-heidi-box{
padding: 5% 20%;
}
#home-heidi-box article{
padding: 3em;
padding-bottom: 1em;
}
#home-heidi-box article.widget_simpleimage{
background: transparent;
padding-bottom: 0;
}
#home-heidi-box article h1{
font-size: 2.2em;
text-align: left;
color: #C46D14;
}
#services{
padding: 175px 5%;
padding-right: 0%;
text-align: center;
background: #F9BE00;
}
#services > h2{
font-size: 4em;
color: #C2C2C2;
margin: 0 0 80px 0;
font-weight: 100;
}
#services section h2{
font-weight: 600;
color: #000;
margin-top: .8em;
color: #FFF;
margin-bottom: 0;
}
#services a.button{
/*border-color: #CCC;
color: #6D6D6D;*/
float: left;
}
#services a.button:hover{
/*border-color: #000;
color: #000;*/
}
.service-container i{
font-size: 2.4em;
margin-bottom: 10px;
text-align: left;
float: left;
font-family: FontAwesome;
font-style: normal;
}
.service-container h2, .service-container p{
clear: both;
text-align: left;
}
.service-container h2{
font-weight: 300;
font-size: 1.9em;
}
.service-container p{
margin-bottom: .5em;
line-height: 1.4;
}
.service-container{
margin-bottom: 40px;
min-height: 350px;
}
#home-testimonial{
background: #FFF;
padding: 115px 20%;
text-align: center;
font-size: 1.3em;
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
}
#home-testimonial h1{
color: #AAAD00;
}
#home-testimonial blockquote{
background: rgba(0,0,0,0) url(../heidisearchcenter2017/images/bg-quotes.png) center no-repeat;
background-size: 90%;
border: none;
}
#home-testimonial blockquote .ict-content{
background: rgba(255,255,255,0.5);
}
.ivycat-testimonial p{
text-align: center;
}
#home-testimonial p, .ivycat-testimonial p{
margin-bottom: .3em;
}
#home-testimonial img, .testimonial-content img{
height: 275px;
width: 275px;
-moz-border-radius: 100%;
border-radius: 100%;
border: 5px solid #FFF;
-webkit-box-shadow: 0px 0px 2px 2px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 2px 2px #ccc; /* Firefox 3.5 - 3.6 */
box-shadow: 0px 0px 2px 2px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#home-testimonial a{
font-size: .8em;
}
#blog-left .testimonial-content img, #blog-right .testimonial-content img {
height: auto;
width: 100%;
max-width: 100%;
}
#home-testimonial .good_old_share {
display: none;
}
#home-badges{
padding: 30px 5%;
border-top: 1px dotted #CCC;
background: #FFF;
}
#home-badges ul{
text-align: center;
margin: 0;
padding: 0;
}
#home-badges ul li{
list-style-type: none;
display: inline-block;
margin: 10px 5%;
width: 10%;
}
#home-badges ul li h1{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#home-badges ul li a{
border: none;
}
#home-badges ul li a:hover{
opacity: 0.7;
}
#footer{
background: #683817;
padding: 90px 0 0px 0;
color: #FFF;
clear: both;
}
#footer aside{
padding: 0 5%;
}
#footer .good_old_share {
display: none;
}
#footer h1, #footer h1 a{
color: #FFF;
font-weight: 700;
font-size: 1.4em;
text-align: left;
}
#footer h2, #footer h2 a{
color: #FFF;
font-weight: 700;
font-size: 1em;
text-align: left;
}
#footer h2 a:hover{
text-decoration: none;
opacity: 0.5;
}
#footer a.button{
border: 1px solid #8F8F8F;
color: #8F8F8F;
}
#footer #wp_editor_widget-3 a.button{
/* display: inline-block;*/
}
#footer a.button:hover{
border-color: #FFF;
color: #fff;
}
#footer .newsletter p{
margin: 8px 0;
}
#footer .newsletter input[type="text"], #footer .newsletter input[type="email"] {
background: #1A1A1A;
color: #FFF;
border: none;
}
#footer a{
border: none;
color: #FFF;
}
#footer footer{
clear: both;
width: 100%;
padding: 8px 2%;
background: #000;
background: rgba(0,0,0,0.5);
padding-bottom: 60px;
}
#footer footer p, #footer footer p a{
text-align: center;
color: #FFF;
margin: 0;
text-decoration: none;
}
#gift-recog img{
margin: 15px 0;
}
#sticky-bot{
position: fixed;
bottom: 0;
z-index: 10;
background: #000;
background: rgba(0,0,0,1);
padding: 0px .5em;
width: 100%;
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.3); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.3); /* Firefox 3.5 - 3.6 */
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.3); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#sticky-bot:hover{
background: rgba(0,0,0,1);
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.5); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.5); /* Firefox 3.5 - 3.6 */
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.5); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
#sticky-bot .heidisearchcenter2017_services_widget p, #sticky-bot .heidisearchcenter2017_services_widgetr h1, #sticky-bot .heidisearchcenter2017_services_widgetr i{
display: none;
}
#sticky-bot a.button{
margin-bottom: 0;
padding: 2px 5px !important;
font-size: .8em;
padding: .1em .5em;
}
#sticky-bot > div{
display: inline-block;
vertical-align: top;
margin: 5px 15px 0px 0px;
}
#sticky-bot .paypal-donations{
margin: 0 !important;
width: auto !important;
}
#sticky-bot > div.widget_search{
float: right;
background: #DFD4B0;
}
#sticky-bot > div.widget_search #searchform #s{
background: transparent;
}
#sticky-bot > div.show-for-small{
display: none;
}
#sticky-bot h1{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#sticky-bot .icon{
display: none;
}
#menu-sticky-footer-buttons{
margin: 0;
padding: 0;
}
#menu-sticky-footer-buttons li{
display: inline-block;
list-style: none;
}
/********end sticky footer*********/
#menu-sticky-footer-buttons li a{
margin-bottom: 0;
}
.divup{
padding: 150px 20%;
background: #FFF;
background-image: url(images/bg-laid-paper.png);
-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); /* Firefox 3.5 - 3.6 */
box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.divup img, .wrap-blog article img{
/*: 5px solid #FFF;*/
/*-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
/*-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); Firefox 3.5 - 3.6 */
/*box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.total-div-2, .mul-5 {
background: #683817 url(images/bg-laid-paper.png) no-repeat fixed;
}
.mul-3{
background: #AAAD00;
background: rgba(170,173,0,0.8);
}
.mul-4{}
.total-div-2{
}
.total-div-2 h1, .mul-5 h1, .mul-3 h1,
.total-div-2 h2, .mul-5 h2, .mul-3 h2,
.total-div-2 h3, .mul-5 h3, .mul-3 h3,
.total-div-2 h3 a, .mul-5 h3 a, .mul-3 h3 a,
.total-div-2, .mul-5, .mul-3,
.total-div-2 a, .mul-5 a, .mul-3 a,
.total-div-2 p a, .mul-5 p a, .mul-3 p a
{
color: #FFF;
}
.total-div-2 h1, .mul-5 h1, .mul-3 h1{
margin: 0px -25%;
}
.mul-5 .button,
.mul-3 .button,
.total-div-2 .button,
.mul-5 .accua-form-view-standard .pfbc-buttons button,
.mul-3 .accua-form-view-standard .pfbc-buttons button,
#content article .mul-5 .accua-form-view-standard .pfbc-buttons button,
#content article .mul-3 .accua-form-view-standard .pfbc-buttons button,
.mul-5 .accua-form-view-standard .pfbc-textbox,
.mul-3 .accua-form-view-standard .pfbc-textbox,
#content article .mul-5 .accua-form-view-standard .pfbc-textbox,
#content article .mul-3 .accua-form-view-standard .pfbc-textbox,
.mul-5 .accua-form-view-standard .pfbc-textarea,
.mul-3 .accua-form-view-standard .pfbc-textarea,
#content article .mul-5 .accua-form-view-standard .pfbc-textarea,
#content article .mul-3 .accua-form-view-standard .pfbc-textarea,
#sticky-bot a.button
{
border: 1px solid rgba(255,255,255,0.4) !important;
background: rgba(255,255,255,0.2);
color: #FFF !important;
}
div.pfbc-error, .pfbc-invalid{
background: rgba(245,206,207,0.1) !important;
}
.bg-tan{
background: #EFE7D3;
}
h1{
text-align: center;
}
#sidebar-right{
float: right;
width: 15%;
border-left: 1px dotted #CCC;
padding: 2.5%;
margin-top: 40px;
background: #FFF;
}
#sidebar-right > section{
border-bottom: 1px dotted #D6D6D6;
padding: 20px 0px;
}
#sidebar-right > section h1, #blog-right h1, #blog-left h1{
color: #331C07;
border-bottom: 1px solid #CCC;
border-bottom: 1px solid rgba(0,0,0,0.4);
font-size: 1.2em;
margin-bottom: 15px;
font-weight: 700;
}
#sidebar-right > section{
}
#sidebar-right section p, #blog-left section p, #blog-right section p{
margin-bottom: .3em;
}
#searchform #s, .woocommerce-product-search .search-field{
width: 75%;
}
#searchform, .woocommerce-product-search{
border: 1px solid #D6D6D6;
border: 1px solid rgba(0,0,0,0.4);
padding: 1px;
background:rgba(255,255,255,0.7);
}
#searchform:hover, .woocommerce-product-search:hover{
border: 1px solid #000;
transition: border .25s ease-in-out;
-moz-transition: border .25s ease-in-out;
-webkit-transition: border .25s ease-in-out;
background:rgba(255,255,255,0.9);
}
#searchform #searchsubmit, .woocommerce-product-search input[type="submit"]{
text-indent: -9999em;
background: transparent url(../heidisearchcenter2017/images/btn-search.png) no-repeat center;
width: 25px;
min-width: 26px;
width: 15%;
float: right;
border: none;
opacity: 0.5;
}
#searchform #searchsubmit:hover, .woocommerce-product-search .search-field:hover{
opacity: 1;
}
#searchform #s, #searchform #s:hover, #searchform #s:active, #searchform #searchsubmit:hover, #searchform #searchsubmit:active, ,
.woocommerce-product-search .search-field:hover, .woocommerce-product-search .search-field:active, , .woocommerce-product-search .search-field{
border: none;
background: transparent;
}
.newsletter-submit{
background: transparent;
border: 1px solid #D6D6D6;
width: 100%;
}
.newsletter-submit:hover{
/*border: 1px solid #FFF !important;
color: #FFF !important;*/
transition: border .5s ease-in-out;
-moz-transition: border .5s ease-in-out;
-webkit-transition: border .5s ease-in-out;
}
.faqcloud a{
text-decoration: none;
color: #731471;
}
.faqcloud a:hover{
color: #000;
transition: color .5s ease-in-out;
-moz-transition: color .5s ease-in-out;
-webkit-transition: color .5s ease-in-out;
}
p a{
text-decoration: none;
}
p a{
color: #000;
border-bottom: 1px dotted #D6D6D6;
border-bottom: 1px dotted rgba(0,0,0,0.5);
}
.background-image{
/*z-index: -1;
position: fixed;
top: 0;
left: 0;*/
width: 100%;
max-height: 1030px;
overflow-y: hidden;
display: block;
}
.body-bg img{
z-index: -1;
position: fixed;
top: 0;
left: 0;
width: 100%;
opacity: 0.15;
}
.background-image img{
width: 100%;
height: auto;
z-index: -1;
position: relative;
opacity: 0;
}
.background-image .text{
z-index: 1;
position: absolute;
top: 300px;
width: 80%;
margin: 0 10%;
text-align: center;
font-size: 2.5em;
font-weight: 100;
line-height: 1;
}
.background-image .text a{
font-size: .4em;
}
.background-image .text h1, .page-template-simple-page #content >article h1.entry-title{
font-weight: 700;
color: #FFF;
font-size: 1.4em;
}
.background-image p .button{
display: none;
}
.background-image .printfriendly, .background-image .good_old_share{
display: none !important;
}
.thumb{
border: 1px solid #D6D6D6;
}
div.block-list > article, #portfolio-list > li{
width: 16.7%;
margin: 20px 2% 20px 0px;
float: left;
padding: 3%;
padding-bottom: 0;
border: 1px solid #CCC;
background: #FFF;
min-height: 630px;
}
article .news img, article .blog img, article .portfolio-item img, article .question img, .attachment-portfolio-big, article .post img{
max-width: 100%;
height: auto;
}
.excerpt, .links, .rmb, .entry-summary p{
margin: 0;
}
.good_old_share {
padding: 15px 0px;
}
#nav-above a, #nav-below a, .author-bio a{
border: 1px solid #D6D6D6;
border: 1px solid rgba(0,0,0,0.4);
padding: 10px 15px;
color: #000;
text-decoration: none;
background: rgba(0,0,0,0.05);
display: inline-block;
}
#nav-above a:last-child, #nav-below .nav-next{
float: right;
}
#nav-above a:hover, #nav-below a:hover, .author-bio a:hover{
border: 1px solid #000;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#nav-below .nav-previous{
float: left;
}
#nav-below{
margin: 15px 0;
}
#entry-author-info{
padding: 2%;
border: 1px solid #D6D6D6;
border: 1px solid rgba(0,0,0,0.4);
margin-top: 30px;
}
.author-icon img{
width: 95%;
height: auto;
}
.author-icon{
width: 15%;
}
.author-bio{
width: 80%;
margin-left: 5%;
}
#respond{
clear: both;
margin-top: 30px;
padding-top: 30px;
border-top: 1px dotted #D6D6D6;
}
.form-submit .submit{
width: auto;
}
/********Team Plugin**********/
.team-member{
clear: both;
}
.team-member-text{ clear: both;}
.team-member figure{
display: inline-block;
float: left;
width: 20%;
margin-right: 2%;
padding-right: 2%;
padding-bottom: 2%;
}
.team-member figure img{
max-width: 100%;
width: 100%;
height: auto;
}
.team-member .role{
font-style: italic;
margin-top: 0;
margin-bottom: .25em;
}
.single-team-member .entry-meta{
display: none;
}
.single-team-member .role{
text-align: center;
font-size: 1.2em;
}
.wrap-blog article .paypal-donations img, .paypal-donations img{
border: none;
-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0);
box-shadow: 0px 0px 2px 2px rgba(0,0,0,0);
width: 0;
height: 0;
display: none;
}
.paypal-donations input[type="image"]{
width: auto;
background: transparent;
border: none;
padding: 0;
}
.paypal-donations input:hover{
background: transparent;
}
.background-image form{
display: inline-block;
}
.background-image form .paypal-donations input[type="image"]{
vertical-align: bottom;
}
/*****************really simple share**********************/
article .question .good_old_share _specificfeeds_follow img,
article .post .good_old_share _specificfeeds_follow img
{
width: auto;
max-width: 100%;
height: auto;
}
.type-news div.two_third{
margin-left: 20px;
}
.good_old_share {
padding: 25px 0 !important;
text-align: center;
background: #FFF;
}
.good_old_share div{
display: inline-block;
float: none !important;
}
.fb_iframe_widget > span{
vertical-align: top !important;
}
/***********job plugin*/
#jobman_login .submit, .jobs-applynow a{
width: auto;
background: #FFF;
}
#jobman_login input{
padding: 6px;
}
.job-table{
border-bottom: 1px solid #000000;
padding-bottom: 40px;
display: block;
}
.job-table tr{
display: block;
}
.job-table th{
padding: 15px 15px 15px 0px;
}
.job-table td{
padding: 15px 0px 15px 15px;
}
.job-table th{
width: 100px;
margin-right: 15px;
vertical-align: top;
border-right: 1px dotted #D6D6D6;
color: #000000;
}
.job-table{
vertical-align: top;
}
.job-table tr{
border-bottom: 1px solid #CCC;
}
#content article#post-11{
float: none;
width: 500px;
margin: 20px auto
}
/*************Simple Page***************/
.page-template-simple-page #content >article, .post-type-archive-tribe_events #content >article{
margin: 100px 25%;
width: 50%;
}
/*************Contact Forms***************/
.accua-form-view-standard .pfbc-element{
width: 45%;
margin-right: 5%;
/*float: left;*/
display: inline-block;
}
.accua-form-view-standard .pfbc-buttons{
text-align: center !important;
width: 100%;
}
/*************Ivy Cat***************/
.ivycat-testimonial{
width: 50%;
padding: 30px 25%;
background: url(../heidisearchcenter2017/images/bg-quotes.png) center no-repeat;
background-size: 55%;
}
.testimonial-source{
text-align: center;
}
.page .ivycat-testimonial blockquote{
background: #DFD4B0;
padding: 3em;
}
.page .ivycat-testimonial cite{
color: #FFF;
}
.page .divup .ivycat-testimonial cite{
color: #000;
}
/*************Blog page***************/
#blog-latest-posts{
margin-left: 5%;
margin-top: 20px;
float: left;
width: 70%;
}
#latest-posts h1, #home-team h1{
text-align: center;
color: #CCC;
font-size: 5em;
font-weight: 100;
margin-bottom: 50px;
/*text-shadow: 0px 0px 1px #000;*/
}
#latest-posts ul, #blog-latest-posts ul{
list-style-type: none;
padding: 0;
}
#latest-posts li, #blog-latest-posts li{
display: inline-block;
width: 30%;
margin-right: 4.7%;
/*float: left;*/
overflow-y: hidden;
vertical-align: top;
}
#blog-latest-posts li{
width: 28.1%;
min-height: 750px;
}
#latest-posts ul li:last-child{
margin-right: 0;
}
#latest-posts li h1, #content article #blog-latest-posts li h1{
text-align: left;
border-bottom: 1px solid #CCC;
line-height: 1;
font-weight:300;
margin: 25px 0;
font-size: 1.5em;
padding-bottom: 10px;
}
#latest-posts li h1:hover, #blog-latest-posts li h1:hover{
border-bottom-color: #000;
}
#latest-posts li h1 a, #blog-latest-posts li h1 a{
text-decoration: none;
display: block;
}
#latest-posts .button, #blog-latest-posts .button{
float: left;
}
.widget_pippin_recent_posts li{
padding: 15px 0;
border-top: 1px dotted rgba(0,0,0,0.5);
overflow: hidden;
}
.widget_pippin_recent_posts li a{
font-weight: 800;
}
ul.no-bullets{
padding: 0;
margin: 0;
}
ul.no-bullets li{
list-style: none;
clear: both;
}
/**********WP avatar fir blog about author**********/
.wp-user-avatar{
float: left;
margin: 0 15px 15px 0;
}
.entry-author-info h2{
margin-top: 0;
}
/**********Social Media**********/
#social-media{
/*position: fixed;*/
/*left: 0;*/
/*top: 40%;*/
/*background: #FFF;*/
/*padding: 15px 5px 15px 15px;*/
/*z-index: 9;*/
/*width: 30px;*/
display: inline-block;
float: right;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li a {
padding: 10px !important;
}
.ui-state-hover a, .ui-state-hover a:hover{
color: #D80F80;
}
.ui-state-hover a:hover{
color: #D80F80 !important;
}
#social-media ul{
text-align: center;
}
#social-media li{
display: inline-block;
float: left;
}
#social-media li a{
color: #F9BE00;
display: block;
padding: 5px 10px;
}
#social-media li a:hover{
color: #FFF;
background: #F9BE00;
-moz-box-shadow: 1px 0px 5px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 0px 5px 3px rgba(0,0,0,0.2);
box-shadow: 1px 0px 5px 3px rgba(0,0,0,0.2);
border: none;
}
#social-media li a:visited{
/*color: #CCC;*/
}
#social-media del, #social-media .fontawesome-text{
text-indent: -9999em;
font-size: 6px;
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#social-media ul{
margin: 0;
padding: 0;
}
#social-media [class^="icon-"]{
font-size: 1.4em !important;
}
#blog{
margin: 20px 5%;
}
.wrap-blog{
float: left;
width: 50%;
}
.wrap-blog .good_old_share {
background: transparent;
}
#blog-left, #blog-right{
float: left;
width: 17%;
margin: 90px 4%;
}
#nav-above{
margin: 25px 0;
}
.wrap-blog h1{
border-bottom: 1px solid #CCC;
font-weight: 700;
}
#content article #blog-left h1, #content article #blog-right h1{
font-size: 1.5em;
font-weight: 600;
color: #000;
text-align: left;
}
#blog-left section, #blog-right section{
padding-bottom: 20px;
margin-bottom: 20px;
border: 1px double #CCC;
border: 1px double rgba(0,0,0,0.1);
border-bottom: 1px double #CCC;
border-bottom: 1px double rgba(0,0,0,0.2);
padding: 1em 2em;
background: rgba(255,255,255,0.1);
}
#blog-left section:hover, #blog-right section:hover{
background: #FFF;
background: rgba(255,255,255,0.2);
}
.wrap-blog article{
background: #FFF;
background: rgba(255,255,255,0.6);
padding-bottom: 20px;
border-bottom: 1px dotted #CCC;
border-bottom: 1px dotted rgba(0,0,0,0.4);
margin-bottom: 20px;
padding: 5%;
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.1);
}
.widget_categories ul{
margin: 0;
padding: 0;
}
.widget_categories li{
display: block;
list-style-type: none;
border-left: 3px solid transparent;
line-height: 1;
margin-bottom: 15px;
}
.widget_categories li:hover{
border-left: 3px solid #331C07;
color: #331C07;
}
.widget_categories li a{
padding: 0px 3px;
}
.widget_categories li:hover a:hover{
text-decoration: none;
color: #.widget_categories li:hover;
}
.widget_ivycattestimonialswidget blockquote{
padding: 0;
margin: 0;
background: none;
border: none;
}
img{
/*width: 100%;*/
max-width: 100%;
height: auto;
}
/***********************Woo Comm**********************************/
#woo{
}
.woocommerce div.product form.cart table{
}
.woocommerce-checkout #payment, .woocommerce-checkout #payment div.payment_box{
background: rgba(0,0,0,0.05) !important;
}
.woocommerce-checkout #payment ul.payment_methods li{
color: #000;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.1);
margin-bottom: 15px !important;
}
.woocommerce-checkout #payment ul.payment_methods li input{
width: 1em;
height: 1em;
float: left;
}
.woocommerce div.product form.cart .group_table td{
border: 1px dotted #CCC !important;
border-bottom: 1px solid #CCC !important;
border-top: 1px solid #CCC !important;
padding: .5em;
}
.woocommerce div.product form.cart .button{
/*margin-top: 15px;*/
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
width: 22.05% !important;
}
article.product{
margin-left: 5%;
width: 70%;
margin-top: 50px;
float: left;
}
.woocommerce div.product .out-of-stock{
display: none;
}
/*
.yith-wcwl-share li a.email:after{
content: "<-- Click here to email us or your friends your Wishlist";
display: inline-block;
margin-left: 26px;
}
.yith-wcwl-share li a{
min-width: 21px;
width: auto !important;
background-repeat: no-repeat;
}
*/
/*************** table press *************************/
.entry-content .tablepress td, .entry-content .tablepress tf{
color: #000;
color: rgba(0,0,0,0.8);
border-right: 1px solid rgba(0,0,0,0.1);
}
.entry-content .tablepress th{
color: #FFF;
background: #331C07;
}
/*********************Query posts by category... and display posts on page in grid layout without coding - Content Views****************************/
.btn-success{
background: #514F1C;
border-color: rgba(0,0,0,0.5);
padding: 4px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background: #CCC;
}
.pagination > li > a, .pagination > li > span{
color: #000 ;
}
.pt-cv-pagination-wrapper{
background: #FFF;
}
.pt-cv-pagination-wrapper li{
display: inline-block;
}
.pagination > li > a, .pagination > li > span{
/*color: #CCC;*/
padding: 5px;
}
.pagination > li > a, .pagination > li.active > span{
/*color: #FFF;*/
}
.pt-cv-content, .pt-cv-content *{
font-size: .8em !important;
font-weight: 300 !important;
}
.pt-cv-title{
font-size: 1.3em !important;
font-weight: 700;
}
.col-md-4{
width: 30%;
margin-right: 3%;
float: left;
}
/*************** newsletter *************************/
.entry-content .newsletter td, .entry-content .newsletter th{
padding: 5px 0;
border-bottom: 1px dotted rgba(0,0,0,0.2);
}
.newsletter table{
margin: 1em auto;
}
/*************** tribe events *************************/
ol.tribe-list-widget {
padding: 0;
margin: 0;
}
.tribe-list-widget h4{
margin: .2em 0;
}
/*************** FAQ*************************/
.expand-faq h3{
padding: 5px 25px 5px 5px;
background: rgba(0,0,0,0.05);
border: 1px solid rgba(0,0,0,0.1);
}
.expand-faq h3:hover{
cursor: pointer;
background: rgba(0,0,0,0) url(../heidisearchcenter2017/images/plus.png) 99% 50% no-repeat;
}
.faq-answer{
padding: 5px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(0,0,0,0.1);
}
/*************************Page-list*********************/
.page-list-ext .page-list-ext-item{
clear: none !important;
float: left;
width: 42%;
margin: 10px 1% !important;
padding: 3%;
background: rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(0,0,0,0.1);
min-height: 265px;
}
/*************************Sugar Events Calendar*********************/
#sc_calendar_wrap select, #sc_calendar_wrap input{
width: auto;
}
#sc_events_calendar_head{
background: rgba(0,0,0,0.1) !important;
height: inherit !important;
}
#sc_calendar td{
font-size: 1em !important;
}
#sc_calendar td div.day-number{
font-weight: 400;
color: #514F1C;
}
#sc_calendar td div.sc_day_div{
padding: 0 !important;
}
#sc_calendar td div.day-number{
background: rgba(0,0,0,0.02);
width: 98%;
padding: 0 1%;
text-align: right;
margin: 0 !important;
}
#sc_calendar td div.sc_day_div a{
padding: 2%;
}
#sc_event_select, #sc_event_nav_wrap, #sc_events_calendar_head h2{
float: none !important;
display: inline-block;
}
/*************************FA*********************/
/*************************The Events Calendar + Tickets*********************/
.single-tribe_events .tribe-events-event-meta{
font-size: .95em;
}
.single-tribe_events .tribe-events-single-event-title{
font-size: 2.5em !important;
}
.tribe-events-schedule h2{
text-align: center;
}
.single-tribe_events .tribe-events-schedule .tribe-events-cost{
display: block;
}
.single-tribe_events .tribe-events-event-meta{
font-size: 1em !important;
}
/*************************Misc*********************/
.author #content{
margin-top: 200px;
}
.error404 #content{
margin: 400px 5%;
}
.page-template-simple-page #content, .woocommerce #content, .search #content{
margin-top: 110px;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: .9em;
margin: 0;
padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden, .screen-reader-text{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
@media only screen and (max-width: 1900px) {
}
@media only screen and (max-width: 1730px) {
#unique-prop{
background-size: auto 100%;
}
#footer-news li{
width: 100%;
}
#footer-news li a{
padding: 2% 5%;
}
#footer-news, #footer-blog, #footer-contact{
min-height: 420px;
}
#footer-blog h2{
font-size: 1.5em;
}
.page-list-ext .page-list-ext-item{
min-height: 310px;
}
}
@media only screen and (max-width: 1705px) {
div.block-list article, #portfolio-list li{
width: 25.1%;
}
}
@media only screen and (max-width: 1700px) {
.slider-wrapper .nivo-caption{
bottom: 30%;
}
}
@media only screen and (max-width: 1650px) {
#primary-navigation ul li a{
padding: 20px 15px 10px 15px
}
}
@media only screen and (max-width: 1550px) {
.page-list-ext .page-list-ext-item{
min-height: 350px;
}
.slider-wrapper .nivo-caption{
bottom: 15%;
}
}
@media only screen and (max-width: 1450px) {
#sidebar-right{
width: 20%;
}
}
.col4{
display: none;
}
@media only screen and (max-width: 1400px) {
.background-image .text{
font-size: 2em;
top: 150px;
}
.divup{
padding: 75px 15%;
}
.total-div-2 h1, .mul-5 h1, .mul-3 h1{
margin: 0px -20%;
}
.ivycat-testimonial {
width: 70%;
padding: 30px 15%;
background-size: 75%;
}
#latest-posts li, #blog-latest-posts li{
width: 45%;
margin-right: 4%;
padding-bottom: 25px;
border-bottom: 1px dotted #CCC;
margin-bottom: 25px;
}
#blog-left, #blog-right {
float: left;
width: 25%;
margin: 90px 4%;
float: left;
clear: left;
}
#blog-latest-posts{
margin-left: 0;
width: 66%;
}
.wrap-blog, article.product{
width: 66%;
float: right;
margin-right: 1%;
margin-left: 0;
}
#sticky-bot > div.show-for-small{
display: inline-block;
}
.hide-for-small{
display: none;
}
}
@media only screen and (max-width: 1300px) {
.slider-wrapper .nivo-caption{
bottom: 10% !important;
}
#primary-navigation ul li{
font-size: 1em;
}
#primary-navigation ul li:after{
margin-top: -40px;
}
#primary-navigation{
margin-right: 0;
}
#wrap-logo{
max-width: 180px;
}
#header-phone p{
font-size: 1.1em;
}
}
@media only screen and (max-width: 1250px) {
}
@media only screen and (max-width: 1200px) {
.page-template-simple-page #content >article{
margin: 10px 10%;
width: 80%;
}
.one_half, .two_fourth, .three_fourth {width: 100% !important; margin: 10px 0% !important;}
.one_fourth {width: 44.5% !important;}
#home-testimonial{
font-size: 1em;
}
.page-list-ext .page-list-ext-item{
width: 94%;
margin: 15px 0;
min-height: inherit;
}
.ivycat-testimonial {
width: 80%;
padding: 30px 10%;
background-size: 85%;
}
}
.show-for-small, #primary-navigation ul li.show-for-small {
display: none;
}
@media only screen and (max-width: 1150px) {
#sticky-bot > div.show-for-small{
display: none;
}
.hide-for-small{
display: none;
}
.show-for-small, #primary-navigation ul li.show-for-small{
display: inline-block;
}
#header{
background: #FFF;
}
#header header{
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0);
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0);
border-bottom: none;
}
#header-phone{
position: absolute;
top: 50px;
left: 135px;
}
#wrap-logo{
top: 21px;
max-width: 125px;
}
.toggleMenu{
text-indent: -9999em;
background: url(../heidisearchcenter2017/images/nav.png) no-repeat center right;
height: 40px;
/*width: 40px;*/
padding: 5px;
padding-right: 45px;
color: #FFF;
color: rgba(255,255,255,0.7);
text-decoration: none;
z-index: 1000;
top: 50px;
right: 10px;
position: absolute;
border-bottom: none;
}
.active{
background: url(../heidisearchcenter2017/images/nav-close.png) no-repeat center right;
}
#primary-navigation{
margin-top: 60px;
background: #FFF;
padding: 0px;
}
#primary-navigation ul li a .fa{
display: inline-block;
}
#primary-navigation{
float: none;
}
#primary-navigation ul li{
float: none;
clear: both;
margin: 4px 0;
font-size: 1em;
background: #F9BE00;
}
#primary-navigation ul li a{
padding: 0 4px;
}
#primary-navigation ul li a:hover{
color: #FFF;
}
#primary-navigation ul li ul{
width: 101%;
/*margin: 0 5%;*/
position: relative;
display: block;
opacity: 1;
visibility: visible;
top: 0;
}
#primary-navigation ul li ul li{
width: 49%;
margin-right: 1%;
float: left;
clear: none;
}
#primary-navigation ul li ul li a{
padding: 0px 5px;
}
#primary-navigation ul li:last-child:hover ul{
left: 0;
}
}
@media only screen and (max-width: 1120px) {
.home-portfolio{
height: 230px;
}
#horse article{
width: 85%;
margin: 150px 0;
}
}
@media only screen and (max-width: 1100px) {
#services{
padding: 100px 0px 150px 5%;
}
.col2{
width: 100%;
}
.slider-wrapper .nivo-caption{
bottom: 20%;
font-size: 2em;
font-weight: 300;
}
.divup{
padding: 50px 10%;
}
.total-div-2 h1, .mul-5 h1, .mul-3 h1{
margin: 0px -5%;
}
#home-badges ul li{
width: 20%;
}
}
@media only screen and (max-width: 1050px) {
.background-image .text {
font-size: 1.5em;
top: 130px;
margin-bottom: .1em;
font-weight: 300;
}
.background-image .text a {
font-size: 0.6em;
}
#sc_event_select, #sc_event_nav_wrap, #sc_events_calendar_head h2{
width: 100% !important;
}
#sc_events_calendar_head h2{
margin: 15px 0 !important;
}
#sc_event_nav_wrap .sc_calendar_submit, #sc_event_nav_wrap.sc_calendar_submit{
width: 45% !important;
}
#sc_event_nav_wrap .sc_calendar_submit{
margin-right: 4%;
}
.col-md-4{
width: 100%;
margin-right: 0%;
float: left;
}
#home-heidi-box {
padding: 5em 10%;
}
}
@media only screen and (max-width: 1000px) {
.home-excerpt{
font-size: 1em;
line-height: 1.6em;
}
#blog-left, #blog-right{
width: 90%;
}
#blog-latest-posts{
width: 90%;
margin: 0 5%;
}
.wrap-blog{
width: 90%;
margin: 15px 5%;
}
article.product{
margin: 20px 5%;
width: 90%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
width: 44% !important;
}
#services > h1{
font-size: 3em;
}
.slider-wrapper .nivo-caption{
bottom: 5%;
}
}
@media only screen and (max-width: 920px) {
#sidebar-right{
width: 25%;
}
.body-bg img{
width: 145%;
max-width: none;
left: -5%;
}
}
@media only screen and (max-width: 900px) {
#mission p{
font-size: 1.4em;
font-weight: 300;
}
#mission{
padding: 50px 5%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .last{width: 100% !important;
margin: 10px 0% !important;}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {width: 100%;}
.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .two-third.last {width:100%;}
#services .one_third{
width: 45% !important;
margin-right: 5% !important;
min-height: 300px;
}
#content article h1{
font-size: 2em;
}
#content article h2{
font-size: 1.5em;
}
#header-phone p{
font-size: 1em;
}
#social-media li a{
padding: 5px;
}
#header{
position: relative;
min-height: 100px;
}
#header header{
border: none;
}
#content{
margin-top: 0px;
}
.divup{
padding: 20px 3%;
}
.total-div-2 h1, .mul-5 h1, .mul-3 h1{
margin: 0px -1%;
}
#home-heidi-box {
padding: 5em 2em;
}
}
@media only screen and (max-width: 850px) {
.slider-wrapper .nivo-caption{
bottom: 10% !important;
font-size: 1.5em;
font-weight: 300;
}
.background-image .text{
font-size: 1.5em;
font-weight: 300;
}
.background-image .text h1{
font-size: 1.5em;
}
}
@media only screen and (max-width: 800px) {
.nivo-caption{
font-size: 1.8em;
line-height: 1;
}
.page-template-simple-page #content >article{
margin: 10px 5%;
width: 90%;
}
.ivycat-testimonial {
width: 90%;
padding: 20px 5%;
background-size: 95%;
}
.page .ivycat-testimonial blockquote{
padding: 1em;
}
#social-media, #sticky-bot > div.widget_search {
float: none;
}
}
@media only screen and (max-width: 700px) {
.accua-form-view-standard .pfbc-element{
width: 90%;
margin-right: 0;
}
#home-testimonial{
padding: 50px 2%
}
#home-testimonial blockquote{
margin: 0;
}
#services{
padding: 50px 5%;
}
#services section.one_fourth{
width: 80%;
margin-right: 10%;
margin-top: 80px;
margin-left: 10%;
}
#services .one_third{
width: 100% !important;
margin-right: 0%;
}
#missing-blocks #missing .text, #missing-blocks #missing .thumb {
width: 100%;
margin: 1em 0;
}
}
@media only screen and (max-width: 675px) {
#sidebar-right{
width: 90%;
float: none;
margin: 40px auto;
clear: both;
}
.slider-wrapper .nivo-caption{
bottom: 0% !important;
font-size: 1.5em;
font-weight: 300;
}
#latest-posts li, #blog-latest-posts li{
width: 95%;
}
.background-image .text{
top: 150px;
font-size: 1.1em;
}
#rider article{
margin: 150px 0 50px 0;
width: 55%;
}
}
@media only screen and (max-width: 640px) {
#sticky-bot{
padding: 0px .5%;
font-size: .8em;
}
}
@media only screen and (max-width: 625px) {
div.block-list article, #portfolio-list li {
width: 76%;
margin: 10px auto;
float: none;
}
}
@media only screen and (max-width: 600px) {
.team-member figure{
width: 100%;
}
#home-badges ul li{
width: 20%;
margin: 2.5%;
}
#home-badges{
padding: 30px 4%;
}
.background-image .text{
/*top: 80px;*/
}
#content article h1{
font-size: 1.5em;
}
#content article h2{
font-size: 1.2em;
}
#primary-navigation ul li ul li{
width: 100%;
margin-right: 0%;
float: left;
clear: none;
}
.ivycat-testimonial {
width: 96%;
padding: 20px 2%;
background-size: 95%;
}
}
@media only screen and (max-width: 540px) {
#sticky-bot{
padding: 0px .25%;
font-size: .7em;
}
#sticky-bot .paypal-donations input[type="image"]{
width: 100px;
}
#sticky-bot > div {
margin: 5px 5px 0px 0px;
}
}
@media only screen and (max-width: 500px) {
.background-image .text{
font-size: .9em;
width: 95%;
margin: 0 2.5%;
}
.slider-wrapper .nivo-caption{
font-size: 1.2em;
}
}
@media only screen and (max-width: 450px) {
#secondary-navigation ul li.hide-for-small{
display: none;
}
}
@media only screen and (max-width: 375px) {
.slider-wrapper .nivo-caption{
font-size: 1em;
}
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/** END HTML5 heidisearchcenter2017 CSS **/
/** START Starkers CSS **/
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid rgba(0,0,0,0.7); text-align:center; background:#ccc; background: rgba(255,255,255,0.8); padding:10px; margin:10px; color: rgba(0,0,0,0.8); }
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.
/* Font stack options
The following represents a list of font stacks, as recommended by Nathan Ford in
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
I've added inverted commas around the relevant family names to ensure compatibility.
p = balanced for paragraphs or body copy
t = balanced for headlines or titles
- - - -
Arial, "Helvetica Neue", Helvetica, sans-serif - p, t
Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t
Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t
Consolas, "Lucida Console", Monaco, monospace - p, t
"Copperplate Light", "Copperplate Gothic Light", serif - p, t
"Courier New", Courier, monospace - p, t
"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t
Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t
Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t
Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t
Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t
GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t
"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t
Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t
"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t
Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t
Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t
Times, "Times New Roman", Georgia, serif - p, t
Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t
Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t
*/
/** END Starkers CSS **/
/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/
#access li {
float: left;
position: relative;
}
#access ul ul {
display: none;
float: left;
position: absolute;
top: 3.333em;
left: 0;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul li:hover > ul {
display: block;
}
/** END WordPress-Defined CSS Classes **/