/*
Theme Name: Puresimple Pro
Theme URI: http://www.styledthemes.com/
Author: StyledThemes.com
Author URI: http://www.styledthemes.com/
Description: Pure and Simple is a responsive theme built for anyone who is serious about blogging. Packed with a ton of features, the overall concept of this theme is to keep it clean and simple in design, while you get a plethora of features like multiple page templates, multiple blog layouts, multiple blog styles, even a masonry concept, several post formats, gallery styling, font based icons, theme options using the built-in WP Customizer, unlimited colours, a theme that is Jetpack ready so that you can take advantage of all the features like the Portfolio.
Version: 1.4.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/copyleft/gpl.html
Text Domain: puresimple
Domain Path: /languages/
Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Pure and Simple is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/
@font-face {
font-family: 'Open Sans light';
src: url('fonts/opensans-light.eot');
src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-light.woff') format('woff'),
url('fonts/opensans-light.ttf') format('truetype'),
url('fonts/opensans-light.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans-regular.eot');
src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-regular.woff') format('woff'),
url('fonts/opensans-regular.ttf') format('truetype'),
url('fonts/opensans-regular.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Semibold';
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;
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
color: #789993;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #c69f63;
text-decoration: none;
}
a:hover,
a:focus {
color: #767676;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {
font-size: 100%;
}
body * {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body {
font-family: Lato, 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #44474c;
color: #767676;
line-height: 1.6;
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after{content:" ";display:table}
.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.pager:after,.panel-body:after{clear:both}
.hidden { display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
/*--------------------------------------------------------------
Page width and Layout
--------------------------------------------------------------*/
#page {
-webkit-box-shadow: 0 0 1.250em 0.313em rgba(0, 0, 0, .5);
box-shadow: 0 0 1.250em 0.313em rgba(0, 0, 0, .5);
}
#page.boxwide {
width: 100%;
}
#page.boxmedium {
max-width: 1500px;
margin: 2rem auto;
}
#page.boxsmall {
max-width: 1200px;
margin: 2rem auto;
}
.page-template-page-templateswidgets-only-php #content {
padding: 0 0 3rem;
}
/*
=================================================
Tables
=================================================
*/
.table-grey thead {background-color: #7e8a93; color: #fff;}
.table-grey > thead > tr > th {border: none;}
.table-grey {border-color: #7e8a93;}
.table-darkblue thead {background-color: #394e63;color: #fff;}
.table-darkblue > thead > tr > th {border: none;}
.table-darkblue {border-color: #394e63;}
.table-blue thead {background-color: #5b99c5;color: #fff;}
.table-blue > thead > tr > th {border: none;}
.table-blue {border-color: #5b99c5;}
.table-lightblue thead {background-color: #8db5d9;color: #fff;}
.table-lightblue > thead > tr > th {border: none;}
.table-lightblue {border-color: #8db5d9;}
.table-orange thead {background-color: #deb538;color: #fff;}
.table-orange > thead > tr > th {border: none;}
.table-orange {border-color: #deb538;}
.table-green thead {background-color: #9eb25b;color: #fff;}
.table-green > thead > tr > th {border: none;}
.table-green {border-color: #9eb25b;}
.table-red thead {background-color: #cb5544;color: #fff;}
.table-red > thead > tr > th {border: none;}
.table-red {border-color: #cb5544;}
.table-brown thead {background-color: #997c58;color: #fff;}
.table-brown > thead > tr > th {border: none;}
.table-brown {border-color: #997c58;}
.table-custom thead {background-color: #af8fbe;color: #fff;}
.table-custom > thead > tr > th {border: none;}
.table-custom {border-color: #af8fbe;}
/*--------------------------------------------------------------
Page header
--------------------------------------------------------------*/
#masthead {
background-color: #fff;
}
.header-box {
overflow-y: hidden;
}
.header-bg {
background: no-repeat center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size:cover;
}
.header-inner { position: relative; z-index: 2; text-align: center; }
.logo img {
width:100%;
}
.logo { display: inline-block; }
.logo a,
.logo img { display: block; }
.logo img {
max-height: 250px;
width: auto;
max-width: 100%;
height: auto;
}
.site-info {
display: inline-block;
padding: 15px 30px;
background: #fff;
}
.site-title {
width: 100%;
text-align: center;
font-family: times, 'times new roman', sans-serif;
margin: 0;
font-size: 2.75rem;
}
.site-title a {
color: #FFF;
text-transform: uppercase;
letter-spacing: 2px;
}
.site-tagline:before {
content: "";
display: block;
width: 100px;
height: 2px;
background: rgba(255,255,255,0.1);
margin: 10px auto;
}
.site-tagline {
font-family: "open sans",arial, sans-serif;
font-size: 1.375rem;
text-align: center;
color: rgba(255,255,255,0.4);
font-weight: 300;
margin: 0;
}
.navigation {
font-family: "Open Sans", Sans-serif;
font-size: 1.125rem;
padding: 0;
background-color: #789993;
}
#page-banner {
background-color: #000;
/*border-bottom: 9px solid #000;*/
}
#page-banner img {
display: block;
margin:auto;
}
.site-main {
color: #767676;
}
#breadcrumb-wrapper {
background-color: #e6e6e6;
color: #9e9e9e;
padding: 0.25rem 0;
font-size: 0.688rem;
}
#breadcrumb-wrapper .fa-home {
margin-right: 5px;
font-size: 1rem;
}
#cta {
background-color: #fff;
text-align:center;
padding: 2rem 0 1rem;
}
#content {
padding: 3rem 0 3rem;
background-color: #fff;
font-size: 0.813rem;
}
#bottom-wrapper {
background-color: #566965;
color: #cadad7;
padding: 2rem 0 1.125rem;
font-size: 0.75rem;
}
#site-footer {
padding: 1.25rem 0;
background-color: #000;
font: normal 0.688rem Verdana, sans-serif, "Lucida Grande";
color: #767676;
text-align: center;
}
#footer-heading {
font-size: 1.063rem;
margin:0 auto;
color: #767676;
}
#footer-content p {
font-size: 0.688rem;
}
/*--------------------------------------------------------------
Sidebars
--------------------------------------------------------------*/
#featured-bottom-group,
#top-group,
#featured-top-group {
font-size: 0.813rem;
}
#top-group,
#featured-top-group,
#featured-bottom-group,
#inset-bottom-group,
#inset-top-group {
padding: 1.5rem 0 .5rem;
}
#inset-bottom-group,
#inset-top-group {
padding-top: 0;
}
#banner {}
#top-group {}
#featured-top-group {}
#featured-bottom-group {
padding-bottom: 3rem;
}
#inset-bottom-group {}
#inset-top-group {}
#bottom-group {}
#left-sidebar,
#right-sidebar {
padding-top: .438rem;
}
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
clear: both;
font-family: "Roboto Slab" , Garamond , "Times New Roman" , 'Noto Serif JP', "游明æœ" , "Yu Mincho" , "游明æœä½“" , "YuMincho" , "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明æœE" , "ï¼ï¼³ Ｐ明æœ" , "MS PMincho" , serif;
font-weight: 400;
line-height: 1;
color: #4c4c4c;
}
h1 {font-size: 1.750rem;}
h2 {font-size: 1.625rem;}
h3 {font-size: 1.438rem;}
h4 {font-size: 1.25rem;}
h5 {font-size: 1rem;}
h6 {font-size: 0.875rem;}
h4, h5, h6 {
margin-bottom: 0.5rem;
}
.cta-heading {
margin: 0 auto 1rem;
font-size: 3rem;
}
.widget-title {
margin-top: 0;
}
#bottom-wrapper h3 {
color: #cadad7;
}
p {
margin: 1.250rem 0;
}
#cta p {
margin: 0 auto 1.250rem;
font-size: 1.125rem;
line-height: 1.25;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #e6e6e6;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 1.5rem;
max-width: 100%;
overflow: auto;
padding: 1rem;
color: #666;
}
code, kbd, tt, var {
font: 0.875rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
code {
background-color: #efe8d5;
color: #8a4814;
padding: 1px 12px;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins {}
mark {
padding: 0 6px;
background: #789993;
font-style: italic;
color: #fff;
text-decoration: none;
}
mark.grey {
background-color: #666666;
}
mark.tan {
background-color: #a48a61;
}
mark.rust {
background-color: #8a4814;
}
.dropcap {
font: italic 4.25rem/.75 "times new roman", times, serif;
float: left;
margin: 0.375rem 0.5rem 0 0;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
::selection {
background: #789993;
color: #fff;
}
::-moz-selection {
background: #789993;
color: #fff;
}
/*--------------------------------------------------------------
Header Captions when using Advanced Custom Fields
-------------------------------------------------------------- */
#header-caption h1,
#header-caption h2,
#header-caption h3 {
margin: 0;
font-family: "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ï¼ï¼³ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size: 1.5rem;
color: #fff;
}
#header-caption {
padding: 1.25rem 0;
text-align: right;
background-position: center;
}
#header-caption p {
margin: 0.75rem 0 0;
font-size: 0.938rem;
line-height: 1.25;
}
/*--------------------------------------------------------------
Page dividers and horizontal rules
--------------------------------------------------------------*/
hr{
margin-top:1.75rem;
margin-bottom:1.75rem;
border:0;
border-top:1px solid #ccc;
}
/* HR double line */
hr.hr-double {
border-top:3px double #ccc;
}
/* HR fade style */
hr.hr-fade {
border: 0;
height: 3px;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
/* HR heading style */
.hr-heading-box {
height: 20px;
position: relative;
margin: 1.125rem auto 2.125rem;
text-align: center;
font-family: times, "times new roman", serif;
font-size: 1.25rem;
border-bottom: 1px solid #ccc;
}
.hr-heading {
display: inline-block;
position: relative;
top: 3px;
background-color: #fff;
padding: 0 16px;
}
.hr-top {
margin: 2em 0;
height: 0;
clear: both;
position: relative;
border-bottom: 1px solid #ccc;
}
.hr-top .toplink {
position: absolute;
right: 0;
bottom: -8px;
background-color: #fff;
font-size: .813em;
padding: 0 0.5em;
}
.hr-top .toplink:hover {
text-decoration: none;
}
/*--------------------------------------------------------------
Info Boxes
--------------------------------------------------------------*/
.info-box,
.info-box-grey,
.info-box-rust,
.info-box-tan {
margin: 1.25rem 0;
padding:1.25rem 2rem;
background-color: #789993;
color: #fff;
}
.info-box-grey {
background-color: #e6e6e6;
color: #666;
}
.info-box-tan {
background-color: #a48a61;
}
.info-box-rust {
background-color: #8a4814;
}
/*--------------------------------------------------------------
Blockquotes
-------------------------------------------------------------- */
blockquote {
margin-left: 4.25rem;
font-size: 0.875rem;
line-height: 1.5;
font-style: italic;
}
blockquote::before {
display: block;
height: 0;
content: "“";
margin: 0 2rem 0 -3.5rem;
font: italic 800%/0.8 Georgia,"Times New Roman", serif;
color: #cdcdcd;
}
blockquote p {
margin: 0;
}
blockquote cite {
color: #b9bdbf;
font-size: 0.75em;
font-weight: 400;
line-height: 1.5;
}
blockquote cite:before {
content:"\2014";
margin-right: .5em;
}
blockquote.pull-left {
margin:.638em 2em .638em 3rem;
width: 40%;
}
blockquote.pull-right {
margin:.638em 0 .638em 2em;
width: 40%;
border: none;
}
blockquote.pull-left cite,
blockquote.pull-right cite {
display: block;
margin: 2px 0;
}
blockquote.bar::before {
content:"";
}
blockquote.bar {
border-left: 0.875rem solid #789993;
margin: 2rem 0 2rem 2rem;
padding: 0 1rem;
}
blockquote.bar.green {
border-color: #789993;
color: #789993;
}
blockquote.bar.grey {
border-color: #cdcdcd;
}
blockquote.bar.tan {
border-color: #a48a61;
color: #a48a61;
}
blockquote.bar.rust {
border-color: #8a4814;
color: #8a4814;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
/*---------------------------------------------------------------
Icons
----------------------------------------------------------------*/
.fa {
color: #000;
}
.icon-center{
text-align: center;
}
.icon-circle i {
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #789993;
vertical-align: middle;
text-align: center;
font-size: 24px;
padding: 17px 0 0;
color:#789993;
}
.icon-circle.grey i {
border-color: #666666;
color:#666666;
}
.icon-circle.lightgrey i {
border-color: #cdcdcd;
color:#cdcdcd;
}
.icon-circle.tan i {
border-color: #a48a61;
color:#a48a61;
}
.icon-circle.rust i {
border-color: #8a4814;
color:#8a4814;
}
/*--------------------------------------------------------------
List Styles
--------------------------------------------------------------*/
ul, ol {
margin: 0 0 1.5rem 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0;
}
.widget-area ul,
.widget-area ol {
list-style: none;
padding-left: 0;
}
.widget-area li {
padding: 0.438rem 0;
border-bottom: 1px solid #e0e0e0;
}
#bottom-wrapper li {
border-color: #6e807c;
}
/*--------------------------------------------------------------
Link Styles
--------------------------------------------------------------*/
a,
a:visited,
#cancel-comment-reply-link {
color: #c69f63;
}
a:hover,
a:focus,
a:active {}
a:hover,
#cancel-comment-reply-link:hover {
color: #3d3d3d;
text-decoration: none;
}
#site-footer a {
color: #b2b2b2;
}
#site-footer a:hover {
color: #767676;
}
#bottom-wrapper a {
color: #fff;
}
#bottom-wrapper a:hover {
color:#cadad7;
}
#breadcrumb-wrapper a {
color: #666;
}
#breadcrumb-wrapper a:hover {
color: #fff;
}
/*--------------------------------------------------------------
Transition effects
--------------------------------------------------------------*/
body a,
.post-tags a::after {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.gallery-caption,
.menu-toggle,
.nav-menu a,
.nav-menu ul .menu-item-has-children,
.blog-title a,
.post-title a,
.post-meta a,
.featured-media a,
.media-caption,
.post-nav a,
input#s,
#searchsubmit,
.widget-content ul li,
.widget_recent_entries a,
a.more-link,
.portfolio-featured-image img:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*--------------------------------------------------------------
Social Networking
--------------------------------------------------------------*/
#social-wrapper {
text-align: center;
margin-bottom: 8px;
padding: 0;
}
#socialbar .socialicon {
font-size: 1rem;
line-height:1;
width: 2rem;
height: 2rem;
border-radius: 50%;
padding-top: 0.5rem;
background-color: #42474d;
text-align: center;
}
#socialbar a {
display: inline-block;
margin: 2px 0.25rem;
color: #767676;
}
#socialbar a:hover {
color: #9c9c9c;
}
#twitter,
#facebook,
#google,
#linkedin,
#pinterest,
#flickr,
#youtube,
#vimeo,
#github,
#instagram,
#reddit,
#dribbble,
#picasa,
#wordpress,
#tumblr,
#stumbleupon,
#rss { font-family: FontAwesome; }
/*--------------------------------------------------------------
Accessibility - 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:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 0;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
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 */
}
/*--------------------------------------------------------------
WP Alignments an image caption alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5rem;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5rem;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.alignnone {
clear: both;
margin: 0 auto 1.5rem;
}
figure.wp-caption.alignleft,
img.alignleft {
margin: 0 2rem 1.5rem 0;
}
.wp-caption.alignleft {
margin: 0 14px 7px 0;
}
figure.wp-caption.alignright,
img.alignright {
margin: 0 0 1.5rem 2rem;
}
.wp-caption.alignright {
margin: 0 0 7px 14px;
}
img.aligncenter,
.wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}
.wp-caption {
margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption {
color: #767676;
}
.wp-caption-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0;
}
div.wp-caption .wp-caption-text {
padding-right: 10px;
}
div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
padding-right: 0;
}
/*--------------------------------------------------------------
Clearing
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: '';
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
Widgets - Standard
--------------------------------------------------------------*/
.widget {
margin: 0 0 3rem;
}
#top-group .widget,
#featured-top-group .widget,
#featured-bottom-group .widget,
#inset-bottom-group .widget,
#inset-top-group .widget,
#bottom-wrapper .widget {
margin-bottom: 1rem;
}
#page-banner .widget,
#site-footer .widget {
margin-bottom: 0;
}
/* Make sure select elements fit in widgets */
.widget select {
max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
display: none;
}
/* Tag cloud widget */
.tagcloud a {
border: 1px solid #e0e0e0;
padding: 0 5px;
display: inline-block;
margin: 2px;
color: #888;
font-size: 0.75rem!important;
}
.tagcloud a:hover {
border-color: #bababa;
}
#bottom-wrapper .tagcloud a {
border: 1px solid #8da09c;
color:#cadad7;
}
/*--------------------------------------------------------------
Widgets - Custom Styles
--------------------------------------------------------------*/
.widget-title {
font-size: 1.313rem;
margin-bottom: 0.813rem;
}
.widgetbox h3 {
color: #fff;
}
.widgetbox.grey h3 {
color: #666666;
}
.widgetbox {
padding: 1rem 1rem 0.25rem;
}
.widgetbox.darkgrey {
background-color: #3d3d3d;
color: #dcdcdc;
}
.widgetbox.green {
background-color: #789993;
color: #dbf5f0;
}
.widgetbox.rust {
background-color: #8a4814;
color: #f1d2ba;
}
.widgetbox.tan {
background-color: #a48a61;
color: #f5e7d0;
}
.widgetbox.grey {
background-color: #e6e6e6;
color: #666666;
}
.widgetbar h3::after {
content: "";
width: 40%;
height: 6px;
display: block;
height: 6px;
margin: 10px 0;
}
.widgetbar.green h3::after {
background-color: #789993;
}
.widgetbar.grey h3::after {
background-color: #e6e6e6;
}
.widgetbar.darkgrey h3::after {
background-color: #3d3d3d;
}
.widgetbar.rust h3::after {
background-color: #8a4814;
}
.widgetbar.tan h3::after {
background-color: #a48a61;
}
/* Calendar widget */
.widget_calendar caption {
font-family: Arial, sans-serif;
text-transform: uppercase;
background-color: #384149;
margin-bottom: 1px;
padding: 5px 3px;
border-radius: 3px 3px 0px 0px;
color: #fff;
}
.widget_calendar th {
background: padding-box padding-box #E2E3E4;
border-left: 1px solid rgba(0, 0, 0, 0);
color: #333;
text-align: center;
font-weight: bold;
}
.widget_calendar tbody, .widget_calendar thead {
border: 1px solid #E2E3E4;
}
.widget_calendar tbody td {
background: padding-box padding-box #FCFDFD;
border-left: 1px solid rgba(0, 0, 0, 0);
border-top: 1px solid rgba(0, 0, 0, 0);
text-align: center;
}
.widget_calendar tbody td:first-child {
border-left: none;
}
.widget_calendar tbody td#today {
background-color: #9ca9b0;
color: #FFF;
font-weight: bold;
}
.widget_calendar tbody td#today a {
color: #fff;
}
.widget_calendar tfoot {
}
/*--------------------------------------------------------------
Posts and Pages
--------------------------------------------------------------*/
.page-header {
margin-bottom: 3rem;
}
.sticky {}
.featured-post {
font: italic 0.75rem "Open Sans", Sans-serif;
color: #4c4c4c;
margin-right: 5px;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-title {
font-size: 1.625rem;
}
.entry-title,
.entry-meta {
margin: 0.313rem 0;
}
.entry-meta {
font-size: 0.750rem;
font-style: italic;
color: #545454;
}
.entry-footer {
font-size: 0.75rem;
}
.single-footer {
font-style:italic;
}
.blog-style-centered {
text-align: center;
}
/* add a heading bottom border */
.type-page .entry-title::after {
content: "";
width: 20%;
height: 6px;
background-color: #789993;
display: block;
height: 6px;
margin: 10px 0;
}
.type-post .entry-header,
.single-post .entry-header,
.article-info {
border-bottom: 1px solid #e0e0e0;
}
.article-info {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
color: #666;
font-size: 1.25rem;
font-style:normal;
}
.entry-title,
.entry-title a {
color: #4c4c4c;
}
.entry-title a:hover {
color: #a48a61;
}
.page-content,
.entry-content,
.entry-summary {}
.error-content {
text-align: center;
background: transparent url(images/404.png) center top no-repeat;
min-height: 400px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.featured-image-style1 {
max-width: 250px;
margin: 1.250rem 2rem 1rem 0;
float: left;
}
.featured-image-style2 {
margin: 0.813rem 0;
}
.featured-image-style3 {
margin: 0 0 2rem;
}
.featured-image-style4 {
margin: 0 0 2rem;
}
.featured-image-style5 {
margin: 0 0 1.25rem;
}
.featured-image-single {
float: left;
margin: 1.5rem 2rem 1.5rem 0;
width: 100%;
}
.type-page .attachment-post-thumbnail {
margin: 1rem auto 0.5rem;
}
.article-separator {
height: 1rem;
}
/*--------------------------------------------------------------
Masonry Blog
--------------------------------------------------------------*/
#container {
margin-bottom: 20px;
display: block;
overflow: hidden;
}
.masonry-title {
font-size: 1.25rem;
}
/*--------------------------------------------
Post format styling
----------------------------------------------*/
.post-format a {
font: italic 0.75rem "Open Sans", Sans-serif;
color: #a7a7a7;
}
.status-thumbnail,
.quote-thumbnail {
margin-bottom: 1.5rem;
text-align: center;
}
/* Post format - Quote */
.format-quote .entry-title {
margin-bottom: 0.438rem;
}
.format-quote p cite:before {
content:"\2014";
margin-right: .5em;
}
/* Post format - Link */
.format-link .entry-title {
margin-bottom: 0.438rem;
}
.format-link p a {
display: inline;
position: relative;
top:0;
padding: 0.25em 1em;
background: #080d07;
color: #FFF;
text-transform: uppercase;
vertical-align: top;
font-size: 0.875em;
line-height: 1.5;
text-decoration: none;
}
.format-link p a:hover {
background-color:#e6e6e6;
color: #767676;
}
/* Post format - image - gallery - video - audio */
.format-image-featured,
.format-gallery-featured,
.format-video-featured {
margin-bottom: 1.25rem;
}
/* Post format - Gallery */
.format-gallery .gallery {
margin: 1.125rem 0;
}
/* Post format - Video */
.format-video-featured {
margin: 1rem 0 0;
}
/* Post format - Audio */
.format-audio-featured {
margin: 1.25rem 0 0;
}
/* Post format - Aside */
.format-aside .entry-content {
padding: 0 1.25rem 1rem;
background-color: #f4f4f4;
}
.format-aside .post-format {
margin-right: 0.375rem;
}
.format-aside-featured {
margin-top: 1.5rem;
}
.format-aside .edit-link {
margin-left: 0.375rem;
}
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
Jetpack Portfolio
--------------------------------------------------------------*/
.jetpack-portfolio-shortcode {
margin-top: 3rem!important;
}
.heading-portfolio {
text-align: center;
}
.featured-image-portfolio {
margin: 1.5rem auto 1.5rem 0;
background-color: #080d07;
}
.portfolio-featured-image img:hover {
opacity: .85;
}
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments {
margin: 3rem 0;
}
.comment-list,
.comment-list .children {
list-style: none;
}
.comment-list {
margin: 0;
padding: 0;
}
.comment-list .children {
margin-left: 2rem;
padding-left: 0;
}
img.avatar {
float: left;
margin-right: 1rem;
}
cite.fn {
font-family: times, "times new roman", serif;
font-size: 1.188rem;
font-style:normal;
}
.comment-content a {
word-wrap: break-word;
}
.comment-meta {
font-size: 0.74rem;
}
.bypostauthor {}
.bypostauthor cite::before {
content: "\f040";
font-family: FontAwesome;
font-size: 1.25rem;
margin-right: 0.313rem;
}
.comment p,
.form-allowed-tags {
font-size: 0.75rem;
}
.reply {
margin-top: -0.5rem;
margin-bottom: 1rem;
}
.comment-reply-link {
background-color: #e5e5e5;
color: #666;
padding:1px 10px;
font-size: 0.625rem;
text-transform: uppercase;
}
.comment-reply-link:hover {
background-color: #666666;
color: #fff;
}
.search-results footer span {
margin-right: 0.5rem;
}
/*--------------------------------------------------------------
Attachment page
--------------------------------------------------------------*/
.attachment {
text-align: center;
}
.entry-attachment {
background-color: #080d07;
margin-bottom: 2rem;
}
.entry-caption {
font-size: 1.125rem;
font-weight: 600;
}
.attachment .entry-content p {
width:80%;
font-size: 0.875rem;
margin: 0 auto;
}
/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
Media - Take care of responsive elements
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure images, embeds, and iframes fit their containers */
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption,
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img,
embed,
iframe,
object,
video {
max-width: 100%;
}
/* Make sure embeds and iframes have bottom space */
embed,
iframe,
object,
video {
margin-bottom: 24px;
}
p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
margin-bottom: 0;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img,
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
height: auto;
}
/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/*--------------------------------------------------------------
WP Galleries
--------------------------------------------------------------*/
.gallery {
margin: 3rem 0 1.125rem;
}
.gallery-item {
float: left;
margin: 0 30px 30px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 30px);
max-width: calc(50% - 30px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 30px);
max-width: calc(33.3% - 30px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 30px);
max-width: calc(25% - 30px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 30px);
max-width: calc(20% - 30px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 30px);
max-width: calc(16.7% - 30px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 30px);
max-width: calc(14.28% - 30px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 30px);
max-width: calc(12.5% - 30px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 30px);
max-width: calc(11.1% - 30px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/* ------------------------------------------------------------
Image Styling
--------------------------------------------------------------*/
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
vertical-align: middle;
}
/*--------------------------------------------------------------
Jetpack Elements
--------------------------------------------------------------*/
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
margin: 2rem 0 1rem;
}
/*--------------------------------------------------------------
Navigation Elements
--------------------------------------------------------------*/
.more-link a {
background-color: #789993;
color: #fff;
padding: 0.313rem 1rem;
margin: 0;
}
.more-link a:hover {
background-color: #a48a61;
text-decoration: none;
}
.post-navigation,
.paging-navigation,
.image-navigation {
background-color: none;
margin-bottom: 2rem;
}
.image-navigation {
font-size: 2rem;
margin-bottom: 0.5rem;
}
.image-navigation .previous-image,
.image-navigation .next-image {
margin: 0 3px 0;
}
.image-navigation .nav-links a {
color: #d2d2d2;
}
.image-navigation .nav-links a:hover {
color: #42474d;
}
.nav-previous,
.nav-next {
line-height: 1.25;
}
.nav-previous a,
.nav-next a {
font-size: 0.813rem;
font-style: italic;
}
.nav-previous i,
.nav-next i {
font-size: 1rem;
}
.meta-nav {
font-size: 0.813rem;
font-style: italic;
}
.pagination {
display:inline-block;
margin:0;
padding-left:0;
}
.pagination-wrapper {
margin: 1rem 0;
font-size: 0.75rem;
line-height: 1;
}
.pagination-wrapper label {
float: left;
margin: 0.25rem 0.5rem 0 0;
}
.pagination>li{
display:inline
}
.pagination > li > a,
.pagination > li > span {
position:relative;
float:left;
padding:3px 6px;
text-decoration:none;
color:#767676;
background-color:#ededed;
border:1px solid #cdcdcd;
margin-left:-1px
}
.pagination>li:first-child >a,
.pagination>li:first-child >span {
margin-left:0;
border-bottom-left-radius:4px;
border-top-left-radius:4px
}
.pagination>li:last-child >a,
.pagination>li:last-child >span {
border-bottom-right-radius:4px;
border-top-right-radius:4px
}
.pagination >li >a:hover,
.pagination >li >span:hover,
.pagination >li >a:focus,
.pagination >li >span:focus {
color:#fff;
background-color:#777;
border-color:#777
}
.pagination span.active {
z-index:2;
color:#fff;
background-color:#777;
border-color:#777;
}
/* Footer Menu */
#site-footer ul {
list-style: none;
margin: 0 auto 5px;
padding: 0;
}
#site-footer li {
display: inline;
margin: 0 5px;
}
/* ------------------------------------------------------------
Form Styling
--------------------------------------------------------------*/
form p {margin:0;}
fieldset{padding:0;margin:0;border:0;min-width:0}
legend{display:block;width:100%;padding:0;margin-bottom:26px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;margin-bottom:5px;font-weight:bold}
input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type="file"]{display:block}
input[type="range"]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:16px;line-height:1.65;color:#555}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.form-control {
display:block;
width:100%;
height:36px;
padding:4px 12px;
line-height:1.65;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus,
.form-control:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)
}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}
textarea.form-control{height:auto}
input[type="search"]{-webkit-appearance:none}
input[type="date"]{line-height:40px}
.form-group{margin-bottom:15px}
.radio,.checkbox{display:block;min-height:26px;margin-top:10px;margin-bottom:10px;padding-left:20px}
.radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}
.radio+.radio,.checkbox+.checkbox{margin-top:-5px}
.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}
input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}
.input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0}
select.input-sm{height:33px;line-height:33px}
textarea.input-sm,select[multiple].input-sm{height:auto}
.input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0}
select.input-lg{height:49px;line-height:49px}
textarea.input-lg,select[multiple].input-lg{height:auto}
.form-control-static{margin-bottom:0}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
@media(min-width:768px){
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .input-group>.form-control{width:100%}
.form-inline .control-label{margin-bottom:0;vertical-align:middle}
.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}
.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}
}
.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}
.form-horizontal .radio,.form-horizontal .checkbox{min-height:33px}
.form-horizontal .form-group{margin-left:-20px;margin-right:-20px}
.form-horizontal .form-control-static{padding-top:7px}
@media(min-width:768px){
.form-horizontal .control-label{text-align:right}
}
/* buttons */
.btn{
display:inline-block;
margin-bottom:0;
font-weight:normal;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-image:none;
border:1px solid #ccc;
white-space:nowrap;
padding: 0.250rem 1.25rem;
font-size: 0.75rem;
text-transform: uppercase;
line-height:1.65;
background-color: #eee;
color: #666666;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.btn:hover,
.btn:focus{
color:#666666;
text-decoration:none;
background-color: #e3e3e3;
}
.btn:active,
.btn.active{
outline:0;
background-image:none;
-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-outline{color:#394e63; border-color:#b0b6bb; background: transparent;}
.btn-outline:hover,.btn-outline:focus,.btn-outline:active,.btn-outline.active {color:#222; border-color: #9bb3af; background: transparent; }
.btn.green {color:#fff; background-color:#789993;border-color:#789993}
.btn.green:hover,.btn.green:focus,.btn.green:active,.btn.green.active {color: #fff; background-color:#90aba6;border-color:#90aba6;}
.btn.grey{color:#fff; background-color:#666666;border-color:#666666}
.btn.grey:hover,.btn.grey:focus,.btn.grey:active,.btn.grey.active {color: #fff; background-color:#8b8b8b;border-color:#8b8b8b;}
.btn.tan{color:#fff; background-color:#a48a61;border-color:#a48a61}
.btn.tan:hover,.btn.tan:focus,.btn.tan:active,.btn.tan.active {color: #fff; background-color:#b5a07f;border-color:#b5a07f;}
.btn.rust{color:#fff; background-color:#8a4814;border-color:#8a4814}
.btn.rust:hover,.btn.rust:focus,.btn.rust:active,.btn.rust.active {color: #fff; background-color:#975c2e;border-color:#975c2e;}
.btn-blue{color:#fff; background-color:#5b99c5;border-color:#5b99c5}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active {color: #fff; background-color:#3b80b2;border-color:#3b80b2;}
.btn-lightblue{color:#fff; background-color:#8db5d9;border-color:#8db5d9}
.btn-lightblue:hover,.btn-lightblue:focus,.btn-lightblue:active,.btn-lightblue.active {color: #fff; background-color:#6c9ac3;border-color:#6c9ac3;}
.btn-orange {color:#fff; background-color:#deb538;border-color:#deb538}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active {color: #fff; background-color:#c9a22b;border-color:#c9a22b;}
.btn-green {color:#fff; background-color:#9eb25b;border-color:#9eb25b}
.btn-green:hover,.btn-green:focus,.btn-green:active,.btn-green.active {color: #fff; background-color:#82983a;border-color:#82983a;}
.btn-red {color:#fff; background-color:#cb5544;border-color:#cb5544}
.btn-red:hover,.btn-red:focus,.btn-red:active,.btn-red.active {color: #fff; background-color:#b04232;border-color:#b04232;}
.btn-brown {color:#fff; background-color:#997c58;border-color:#997c58}
.btn-brown:hover,.btn-brown:focus,.btn-brown:active,.btn-brown.active {color: #fff; background-color:#7a644a;border-color:#7a644a;}
.btn-link{color:#666666;font-weight:normal;cursor:pointer;border-radius:0}
.btn-link,
.btn-link:active{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active{border-color:transparent}
.btn-link:hover,
.btn-link:focus{color:#333;text-decoration:underline;background-color:transparent}
.btn-lg,.btn-group-lg>.btn{padding: 0.5rem 1.125rem; font-size: 1.125rem;line-height:1.33;}
.btn-sm,.btn-group-sm>.btn{padding: 0.125rem 1.125rem; font-size: 0.688rem;line-height:1.5;}
.btn-xs,.btn-group-xs>.btn{padding: 0 1.125rem; font-size: 0.613rem;line-height:1.5;}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0}
.btn-block+.btn-block{margin-top:5px}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}
.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}
.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.btn-toolbar{margin-left:-5px}
.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group>.btn-group{float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}
.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
.btn .caret{margin-left:0}
.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}
.dropup .btn-lg .caret{border-width:0 5px 5px}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}
.btn-group-vertical>.btn-group>.btn{float:none}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}
.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}
.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}
.btn-group-justified>.btn-group .btn{width:100%}
[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group p {margin:0;}
.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0}
select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px}
textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px}
textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}
.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0}
.input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:0}
.input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:0}
.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.input-group-btn>.btn{position:relative; height: 2.250rem;}
.input-group-btn>.btn+.btn{margin-left:-1px}
.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-2px}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-2px}
/*--------------------------------------------------------------
Menus - Mobile first
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 782px) {}
.navigation .col-md-12 {
padding:0;
}
.site-navigation.toggled-on ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-navigation.toggled-on a {
display: block;
padding: 0.750rem 1.5rem;
border-bottom: 1px solid #262826;
background: #080d07;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
color: #b8b8b8;
font-size: 0.813rem;
}
.site-navigation.toggled-on a:hover {
color: #FFF;
text-decoration: none;
}
.site-navigation.toggled-on ul a { width: 100%; }
.site-navigation.toggled-on ul a { padding-left: 1.250rem; }
.site-navigation.toggled-on ul ul a { padding-left: 2.50rem; }
.site-navigation.toggled-on ul ul ul a { padding-left: 3.750rem; }
.site-navigation.toggled-on ul ul ul ul a { padding-left: 5rem; }
.site-navigation.toggled-on ul ul ul ul ul a { padding-left: 6.250rem; }
/*.primary-navigation .nav-menu {
display: none;
}*/
.primary-navigation.toggled-on .nav-menu {
display: block;
}
.toggle-container {
display: block;
height: 3.188rem;
text-align: center;
}
/* Mobile menu button */
.menu-toggle {
border: 0;
cursor: pointer;
overflow: hidden;
position: relative;
text-align: center;
width: auto;
margin-top: 0.375rem;
padding: 0.563rem 1.25rem;
text-transform: uppercase;
background-color: #080d07;
color: #FFF;
font-size: 0.875rem;
}
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
color: #fff;
background-color: #3c3c3c;
outline: 0 dotted;
}
/* Menus - Primary Navigation */
@media screen and (min-width: 783px) {
.primary-navigation .menu-toggle {
display: none;
}
.site-navigation ul {
list-style: none;
margin: 0;
padding:0;
text-align: center;
font-size: 1rem;
text-transform: uppercase;
}
.primary-navigation ul.nav-menu {
display: block;
}
.site-navigation a {
color: #595a67;
display: block;
text-transform: normal;
text-decoration: none;
}
.primary-navigation li {
border: 0;
display: inline-block;
height: 3.188rem;
line-height: 3.188rem;
position: relative;
text-align: left;
}
.primary-navigation li a {
display: inline-block;
padding: 0 0.75rem;
white-space: nowrap;
color: #fff;
}
/* Submenus */
.primary-navigation li li > a {
text-transform: uppercase;
font-size: 0.813rem;
border-bottom: 1px solid #363535;
color: #b6b6b6;
}
.primary-navigation ul ul {
background-color: #080d07;
float: left;
margin: 0;
position: absolute;
top: 3.188rem;
left: -999rem;
z-index: 99999;
display:none;
}
.primary-navigation ul ul ul {
left: -999rem;
top: 0;
}
.primary-navigation li li {
border: 0;
display: block;
height: auto;
line-height: 1.1;
}
.primary-navigation ul ul a,
.primary-navigation li li li a {
padding: 0.750rem;
white-space: normal;
width: 13.750rem;
}
.primary-navigation li a:hover {
background: #080d07;
}
.primary-navigation li li:hover > a,
.primary-navigation li li.focus > a,
.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
background-color: #080d07;
}
.primary-navigation ul li:hover > ul,
.primary-navigation ul li.focus > ul {
left: auto;
display:block;
}
.primary-navigation ul ul li:hover > ul,
.primary-navigation ul ul li.focus > ul {
left: 100%;
}
.site-navigation a:hover,
.site-navigation .current-menu-item > a {
color: #ffffff;
}
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
background-color: #080d07;
color: #fff;
}
.home.current-menu-item a {
background: none;
}
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media(max-width: 767px){
ul#menu-top-menu{
display: none;
}
.toggled-on ul#menu-top-menu{
display: block;
}
.nav-menu{
display: none;
}
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
.featured-image-style1,
.featured-image-single {
margin: 1.250rem 0;
float: none;
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media(max-width: 782px){
ul#menu-top-menu{
display: none;
}
.toggled-on ul#menu-top-menu{
display: block;
}
.nav-menu{
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
@media (min-width: 782px) and (max-width: 991px) {
.visible-sm {
height: auto;
}
}
.visible-print {
display: none !important;
}
/* CSS Document */
@media print {
/* Bootstrap part */
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
.visible-print-block {
display: none !important;
}
.visible-print-block {
display: block !important;
}
.visible-print-inline {
display: none !important;
}
.visible-print-inline {
display: inline !important;
}
.visible-print-inline-block {
display: none !important;
}
.visible-print-inline-block {
display: inline-block !important;
}
.hidden-print {
display: none !important;
}
/* regular print */
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.table td,
.table th {
background-color: #fff !important;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
/*--------------------------------------------------------------
Toggle Accordion
--------------------------------------------------------------
.panel-title .accordion-toggle:before {
font-family: icomoon;
font-size: 13px;
content: "\e635";
color: #000;
position: relative;
left: 0px;
top: 0px;
margin-right: 10px;
font-weight: normal;
}
.panel-heading .accordion-toggle.collapsed:before {
content: "\e636";
}*/
.panel {
border: none;
border-left: 5px solid #5f8cb4;
}
.panel-grey {
border-color: #7e8a93;
}
.panel-darkblue {
border-color: #394e63;
}
.panel-lightblue {
border-color: #8db5d9;
}
.panel-orange {
border-color: #deb538;
}
.panel-green {
border-color: #9eb25b;
}
.panel-red {
border-color: #cb5544;
}
.panel-brown {
border-color: #997c58;
}
.panel-custom {
border-color: #af8fbe;
}
.panel-bg-grey {
background-color: #7e8a93;
}
.panel-bg-darkblue {
background-color: #394e63;
}
.panel-bg-lightblue {
background-color: #8db5d9;
}
.panel-bg-orange {
background-color: #deb538;
}
.panel-bg-green {
background-color: #9eb25b;
}
.panel-bg-red {
background-color: #cb5544;
}
.panel-bg-brown {
background-color: #997c58;
}
.panel-bg-custom {
background-color: #af8fbe;
}
.accordion {
}
.accordion .ui-accordion {
margin:5px;
}
.accordion .ui-accordion-content {
width: 100%;
background-color: #fff;
color: #777;
margin-top:-10px;
margin-bottom:5px;
}
.accordion .ui-accordion-content > * {
margin: 0;
padding: 20px;
}
.accordion .ui-accordion-content a {
color: #777;
}
.accordion .ui-accordion-header {
margin: 0px;
padding: 10px;
cursor: pointer;
margin-bottom:5px;
color:#888;
background-color:#f5f5f5;
/* font-weight:bold; */
text-transform: uppercase;
outline : none;
}
/*--------------------------------------------------------------
FAQs
--------------------------------------------------------------*/
.pref-faq-box {
margin: 2rem 0;
}
.pref-faq-header {}
.pref-faq-label {
display: inline-block;
padding: 2px 10px 2px 10px;
background: #394e63;
color: #FFF;
text-transform: uppercase;
vertical-align: top;
margin-right: 6px;
border-radius: 3px;
}
.pref-faq-question {
font-size: 1rem;
}
.pref-faq-answer {
background: #f0f2f3;
margin: 1rem 0 2rem;
padding: 0.313rem 1rem;
position: relative;
border-radius: 4px;
}
.pref-faq-answer:before {
content: "";
border-style: solid;
border-width: 0 0 10px 25px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f0f2f3 rgba(0, 0, 0, 0);
position: absolute;
top: -10px;
left: 2px;
}
.pref-faq-label.grey {
background-color: #7e8a93;
}
.pref-faq-label.darkblue {}
.pref-faq-label.blue {
background-color: #5b99c5;
}
.pref-faq-label.lightblue {
background-color: #8db5d9;
}
.pref-faq-label.orange {
background-color: #deb538;
}
.pref-faq-label.green {
background-color: #9eb25b;
}
.pref-faq-label.red {
background-color: #cb5544;
}
.pref-faq-label.brown {
background-color: #997c58;
}
.pref-faq-label.custom {
background-color: #af8fbe;
}
/*for captioning images */
.caption {
margin:0.25em 4em;
}
.caption .caption1 {
font-size: 2em;
font-weight: bold;
}
.caption .caption2 {
font-size: 2.8em;
font-weight: bold;
padding: 0px;
margin-top:-0.3em;
}
.caption .caption3 {
font-size: 2.5em;
margin-top:-0.6em;
}
@media screen and (max-width:900px) {
.caption {
margin:0.25em 4em;
}
.caption .caption1 {
font-size: 1.3em;
font-weight: bold;
}
.caption .caption2 {
font-size: 1.7em;
font-weight: bold;
padding: 0.0em;
margin-top:-0.2em;
}
.caption .caption3 {
font-size: 1.5em;
margin-top:-0.4em;
padding:0.1em;
}
}
@media screen and (max-width:800px) {
.caption {
margin:0.25em 4em;
}
.caption .caption1 {
font-size: 1.3em;
font-weight: bold;
}
.caption .caption2 {
font-size: 1.7em;
font-weight: bold;
padding: 0.5em;
margin-top:-0.2em;
}
.caption .caption3 {
font-size: 1.5em;
margin-top:-0.0em;
padding:0.2em;
}
}
.wk-slideshow-pureandsimple .caption {
bottom:1.5em!important;
}
.woocommerce-tabs .panel {
border:none;
}
.portfolio-entry-header a.portfolio-featured-image {
background: -webkit-linear-gradient(-90deg, #505050 0%,#505050 100%);
background: linear-gradient(-90deg, #505050 0%,#505050 100%);
overflow: hidden;
margin:0px!important;
padding:0px!important;
position:relative;
display:block;
}
.portfolio-entry-header img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
overflow:hidden;
width:100%;
height:100%;
}
.portfolio-entry-header img:hover {
opacity: 0.6;
-webkit-transform: scale3d(1.5,1.5,1);
transform: scale3d(1.5,1.5,1);
}
/*================UPDATED CS================================*/
.fa-plus:before{
display: none;
}
/*CSS for responsive dropdown *****/
@media only screen and (max-width: 768px) {
.fa-plus:before{
display: block;
}
ul.nav-menu > li {
width:100%;
margin: 0px!important;
padding: 0px!important;
text-decoration:none;
list-style:none;
}
ul.nav-menu > li > a {
display:block;
padding:0.6rem 1rem;
text-decoration:none;
list-style:none;
font-size:1em;
color:#888;
}
ul.nav-menu > li > a:hover,
ul.nav-menu > li > a:focus,
ul.nav-menu > li > a:active {
outline:none;
background-color:#222;
color:#fff;
}
ul.nav-menu ul.sub-menu {
display: none;
position: relative;
background-color:#fff;
width:100%;
margin:0px!important;
right:0px!important;
text-align:left;
border-bottom:none;
}
ul.sub-menu > li {
list-style:none;
text-decoration:none;
display:block;
margin:0px !important;
padding: 0px !important;
position: relative;
}
ul.sub-menu > li > a {
padding:0.6rem 1rem;
display:block;
color:#888;
width:100%;
list-style:none;
text-decoration:none;
}
ul.sub-menu > li > ul.sub-menu {
display: none;
position: relative;
background-color:#fff;
width:100%;
text-align:left;
padding:0px;
margin:0px;
border-bottom:none;
}
ul.sub-menu ul.sub-menu > li {
list-style:none;
text-decoration:none;
display:block;
margin:0px !important;
padding: 0px !important;
position: relative;
}
ul.sub-menu > li > ul.sub-menu > li > a {
padding:0.6rem 1rem;
}
.nav-menu .sub-menu li,
.nav-menu .children li {
font-size: 0.85em;
text-transform:none;
}
ul.sub-menu > li > a:hover,
ul.sub-menu > li > a:focus,
ul.sub-menu > li > a:active {
background-color:#222;
color:#fff;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
margin: 0;
width: 100%;
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
margin-right:0px;
right: 0%;
}
ul.nav-menu li:hover ul ul,
.nav-menu ul li:hover ul ul {
margin-right:auto;
right: 0%;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
outline:none;
background-color:#222;
color:#fff;
}
ul.sub-menu .current_page_item > a,
ul.sub-menu .current_page_ancestor > a,
ul.sub-menu .current-menu-item > a,
ul.sub-menu .current-menu-ancestor > a {
background-color:#222!important;
color:#888;
}
.fa {
color: #fff;
}
}
.jetpack-image-container {
height:auto !important;
}
span.entry-comments {
margin-left: 7px;
}
.smaller{
overflow: scroll !important;
}