/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: 100%;
src: url("/assets/font/open-sans/latin-italic-400.woff2?v=9S7CJOG-cM46Cyg_1AuH2Q") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url("/assets/font/open-sans/latin-normal-400.woff2?v=0Yt2pqFzZ54OTzj3UilSPw") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url("/assets/font/open-sans/latin-normal-400.woff2?v=0Yt2pqFzZ54OTzj3UilSPw") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url("/assets/font/open-sans/latin-normal-400.woff2?v=0Yt2pqFzZ54OTzj3UilSPw") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* = Normalize and Reset
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
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-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
/* =Responsive Grid
-------------------------------------------------------------- */
.row, .row-fixed, .row-adaptive, .row-delaybreak { width: 100%; max-width: 980px; margin: 0 auto;zoom: 1; }
.row:before, .row:after, .row-fixed:before, .row-fixed:after, .row-adaptive:before, .row-adaptive:after, .row-delaybreak:before, .row-delaybreak:after { content:""; display:table; }
.row:after, .row-fixed:after, .row-adaptive:after, .row-delaybreak:after { clear: both; }
.column { margin-left: 4.4%; float: left; min-height: 1px; position: relative; margin-bottom:1.5em;}
.column:first-child { margin-left: 0;}
.row .col-half, .row-fixed .col-half, .row-adaptive .col-half {width: 47.78%;}
.row.half-gutter .col-half:nth-child(3n+4), .row-fixed.half-gutter .col-half:nth-child(3n+4), .row-adaptive.half-gutter .col-half:nth-child(3n+4), .row-delaybreak.half-gutter .col-half:nth-child(3n+4) {margin-left:0;clear: left;}
.row .col-third, .row-fixed .col-third, .row-adaptive .col-third {width: 30.4%;}
.row.half-gutter .col-third:nth-child(3n+4), .row-fixed.half-gutter .col-third:nth-child(3n+4), .row-adaptive.half-gutter .col-third:nth-child(3n+4), .row-delaybreak.half-gutter .col-third:nth-child(3n+4) {margin-left:0;clear: left;}
.row .col-fourth, .row-fixed .col-fourth, .row-adaptive .col-fourth {width: 21.7%;}
.row.half-gutter .col-fourth:nth-child(4n+5), .row-fixed.half-gutter .col-fourth:nth-child(4n+5), .row-adaptive.half-gutter .col-fourth:nth-child(4n+5), .row-delaybreak.half-gutter .col-fourth:nth-child(4n+5) {margin-left:0;clear: left;}
.row .col-fifth, .row-fixed .col-fifth, .row-adaptive .col-fifth {width: 16.48%;}
.row .col-sixth, .row-fixed .col-sixth, .row-adaptive .col-sixth {width: 12.98%;}
.row.half-gutter .column, .row-fixed.half-gutter .column, .row-adaptive.half-gutter .column, .row-delaybreak.half-gutter .column {margin-left:2.2%;}
.row.half-gutter .column:first-child, .row-fixed.half-gutter .column:first-child, .row-adaptive.half-gutter .column:first-child, .row-delaybreak.half-gutter .column:first-child {margin-left:0;}
.row.half-gutter .col-half, .row-fixed.half-gutter .col-half, .row-adaptive.half-gutter .col-half, .row-delaybreak .col-half {width: 48.9%;}
.row.half-gutter .col-third, .row-fixed.half-gutter .col-third, .row-adaptive.half-gutter .col-third, .row-delaybreak .col-third {width: 31.86%;}
.row.half-gutter .col-fourth, .row-fixed.half-gutter .col-fourth, .row-adaptive.half-gutter .col-fourth, .row-delaybreak .col-fourth {width: 23.35%;}
.row.half-gutter .col-fifth, .row-fixed.half-gutter .col-fifth, .row-adaptive.half-gutter .col-fifth, .row-delaybreak .col-fifth {width: 18.24%;}
.row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth, .row-delaybreak .col-sixth {width: 14.83%;}
.row.no-gutter .column, .row-fixed.no-gutter .column, .row-adaptive.no-gutter .column {margin-left:0;}
.row.no-gutter .col-half, .row-fixed.no-gutter .col-half, .row-adaptive.no-gutter .col-half {width: 50%;}
.row.no-gutter .col-third, .row-fixed.no-gutter .col-third, .row-adaptive.no-gutter .col-third {width: 33.333%;}
.row.no-gutter .col-fourth, .row-fixed.no-gutter .col-fourth, .row-adaptive.no-gutter .col-fourth {width: 24.99%;}
.row.no-gutter .col-fifth, .row-fixed.no-gutter .col-fifth, .row-adaptive.no-gutter .col-fifth {width: 20%;}
.row.no-gutter .col-sixth, .row-fixed.no-gutter .col-sixth, .row-adaptive.no-gutter .col-sixth {width: 16.66%;}
@media only screen and (max-width: 720px) {
.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
.row .row .column { padding: 0; }
.row .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
.row .column:last-child { margin-right: 0; float: none;}
.row .column:before, .column:after { content:""; display:table; }
.row .column:after { clear: both; }
.row-adaptive .col-fourth {width: 47.8%;}
.row-adaptive .col-fourth:nth-child(3) {margin-left: 0;}
.row-adaptive.half-gutter .col-fourth {width: 48.9%;}
.row-adaptive .col-sixth {width: 30.4%;}
.row-adaptive .col-sixth:nth-child(4n+4) {margin-left: 0;}
.row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth {width: 31.86%;}
.row.no-gutter .column, .row-fixed.no-gutter .column, .row-adaptive.no-gutter .column {margin-left:0;}
.row.half-gutter .column {margin-left:0;}
.row-adaptive.hff .col-half, .row-adaptive.ffh .col-half {width:auto !important; float: none; margin-left: 0; margin-right: 0;clear:both;}
.row-adaptive.hff .col-fourth:nth-child(2) {margin-left:0;clear:left;}
.row-adaptive.hff .col-fourth:nth-child(3) {margin-left:4.4%;}
.row-adaptive.hff .col-fourth:nth-child(3) {clear:inherit;}
}
@media only screen and (max-width: 480px) {
.row-delaybreak { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
.row-delaybreak .row .column { padding: 0; }
.row-delaybreak .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
.row-delaybreak .column:last-child { margin-right: 0; float: none; }
.row-delaybreak .column:before, .column:after { content:""; display:table; }
.row-delaybreak .column:after { clear: both; }
.row-adaptive .col-sixth, .row-adaptive .col-fourth {width: 47.78%;}
.row-adaptive .col-sixth:nth-child(4n+4) {margin-left:4.4%;}
.row-adaptive .col-sixth:nth-child(2n+3) {margin-left: 0;}
.row-adaptive .col-fourth:nth-child(3) {margin-left: 0;clear:left;}
.row-adaptive .col-fourth, .row-adaptive.half-gutter .col-fourth {width:100%;margin-left:0;}
.row-adaptive.hff .col-fourth:nth-child(3) {margin-left:0;}
.row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth {width: 48.9%;}
.row-adaptive.half-gutter .col-sixth:nth-child(4n+4) {margin-left: 2.2%;}
}
/* = Core Classes
-------------------------------------------------------------- */
/*	Clearfix */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;}
/* 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. */
}
/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
width: inherit;
max-width: 100%;
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/*	Responsive Video Container  */
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* = Entry Content Styling
-------------------------------------------------------------- */
/* For consistent vertical rhythm */
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content blockquote,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content code,
.entry-content pre,
.entry-content table {
margin:0 0 24px;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
margin-bottom: 24px;
}
/* Links + Bolg */
.entry-content > a {
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.entry-content > a,
.entry-content > strong {
font-weight:600;
}
/* Lists */
.entry-content ul,
.entry-content ol {
margin-left:48px;
padding: 0;
}
.entry-content ul li,
.entry-content ol li {
padding-left:6px;
margin-bottom:12px;
}
.entry-content dt,
.comment-content dt {
font-weight: 600;
}
.entry-content dd,
.comment-content dd {
margin-bottom: 24px;
}
/* Blockquotes */
.entry-content blockquote {
background: #f7f7f7;
border-left:4px solid #e5e5e5;
padding: 30px 35px 30px 100px;
font-style: italic;
color:#404040;
position: relative;
}
.entry-content blockquote:before {
display:block;
padding: 10px;
font-family: FontAwesome;
content: "\f10d";
position:absolute;
left:25px;
top:30px;
font-style:normal;
font-size:26px;
color:#ccc;
border:2px solid #ccc;
border-radius:99%;
-moz-border-radius:99%;
-webkit-border-radius:99%;
}
.entry-content blockquote p {
margin:0 0 20px;
}
.entry-content blockquote p:last-of-type {
margin:0;
}
/* Headings */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-top:36px;
}
.entry-content h1 {
font-size: 28px;
line-height: 34px;
}
.entry-content h2 {
font-size: 26px;
line-height: 32px;
}
.entry-content h3 {
font-size: 24px;
line-height: 30px;
}
.entry-content h4 {
font-size: 18px;
line-height: 24px;
}
.entry-content h5 {
font-size: 16px;
line-height: 22px;
}
.entry-content h6 {
font-size: 14px;
line-height: 20px;
}
/* Code/Pre */
code, pre {
display: block;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 13px;
line-height: 22px;
word-break: break-all;
word-wrap: break-word;
}
pre {
background:#F7F7F7;
border: 1px solid #E5E5E5;
padding: 20px;
}
/* Tables */
.entry-content table {
background:#fafafa;
border: 1px solid #E5E5E5;
line-height: 2;
width: 100%;
}
.entry-content table thead,
.entry-content table tfoot {
background:#f2f2f2;
}
.entry-content table td,
.entry-content table th {
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
padding: 8px;
vertical-align: top;
line-height:1.42;
}
.entry-content table td:first-child,
.entry-content table th:first-child {
border-left: none;
}
.entry-content table tbody tr:nth-child(even) {
background:#fff;
}
/* Intro Style */
.entry-content > .intro {
line-height:28px;
font-size:20px;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%; /* Keep wide captions from overflowing their container. */
padding: 4px;
}
.wp-caption .wp-caption-text,
.entry-caption {
font-size: 12px;
color: #595959;
text-align:center;
background:#F5F5F5;
display:table;
margin:5px auto 0;
padding: 5px 20px;
border-radius: 99px;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.entry-content dl.gallery-item {
margin: 0;
}
img.alignleft {
margin-right: 24px;
}
img.alignright {
margin-left: 24px;
}
/* WordPress Gallery */
.entry-content .gallery {
overflow: hidden;
clear: both;
margin: 0 -10px 10px;
}
.entry-content .gallery .gallery-caption {
font-size: 12px;
line-height: 16px;
margin: 5px 0 0;
}
.entry-content .gallery .gallery-icon > a {
display: block;
line-height: 0;
}
.entry-content .gallery .gallery-item {
float: left;
padding: 0 10px;
margin: 0 0 10px;
}
.entry-content .gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.entry-content .gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.entry-content .gallery.gallery-columns-3 .gallery-item {
width: 33%;
}
.entry-content .gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.entry-content .gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.entry-content .gallery.gallery-columns-6 .gallery-item {
width: 16.5%;
}
.entry-content .gallery.gallery-columns-7 .gallery-item {
width: 14%;
}
.entry-content .gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.entry-content .gallery.gallery-columns-9 .gallery-item {
width: 11%;
}
/*
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}
.gallery dd {
	margin:0;
}
.gallery p {
	padding:0 0 10px;
}
.gallery.gallery-columns-6  .gallery-caption,
.gallery.gallery-columns-7  .gallery-caption,
.gallery.gallery-columns-8  .gallery-caption,
.gallery.gallery-columns-9  .gallery-caption {
	display:none; /* Hide gallery captions when they will disturb the layout
}
*/
/* =Forms
-------------------------------------------------------------- */
/* Inputs */
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
background:#fff;
border: 1px solid #E5E5E5;
color:#383838;
padding: 1em;
outline: 0;
margin: 0;
text-align: left;
vertical-align: top;
/* padding-top: 2px; */
/* padding-bottom: 1px; */
/* height: auto; */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
textarea:focus,
select:focus,
input:focus {
background:#fcfcfc;
}
textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
background-color: #eeeeee;
}
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-user-select: -moz-none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
color: #888888;
cursor: default;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #888888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #888888;
}
textarea {
min-height: 40px;
overflow: auto;
resize: vertical;
width: 100%;
}
/* Buttons */
input[type="reset"],
input[type="submit"],
input[type="button"] {
color:#fff;
border:none;
-webkit-appearance: none;
cursor: pointer;
display: inline-block;
outline: 0;
overflow: visible;
margin: 0;
padding: 0.5em 1em;
text-decoration: none;
vertical-align: top;
width: auto;
-webkit-transition-property:background;
-webkit-transition-duration:.12s;
-webkit-transition-timing-function:ease-out;
-moz-transition-property:background;
-moz-transition-duration:.12s;
-moz-transition-timing-function:ease-out;
-o-transition-property:background;
-o-transition-duration:.12s;
-o-transition-timing-function:ease-out;
transition-property:background;
transition-duration:.12s;
transition-timing-function:ease-out;
}
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
text-decoration: none;
}
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
-moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
}
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea, select[size], select[multiple] {
height: auto;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
/* = Document Setup
-------------------------------------------------------------- */
html {
background: #fff;
}
body {
font: 15px/24px 'Open Sans', Helvetica, Arial, sans-serif;
color: #383838;
}
a {
text-decoration:none;
outline:0;
-webkit-transition-property:background color;
-webkit-transition-duration:.12s;
-webkit-transition-timing-function:ease-out;
-moz-transition-property:background color;
-moz-transition-duration:.12s;
-moz-transition-timing-function:ease-out;
-o-transition-property:background color;
-o-transition-duration:.12s;
-o-transition-timing-function:ease-out;
transition-property:background color;
transition-duration:.12s;
transition-timing-function:ease-out;
}
a:hover {
cursor:pointer;
}
a:focus {
outline: none;
}
/*	Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight:600;
margin: 0 0 10px;
color:#5488C7;
}
/* = Page Structure
-------------------------------------------------------------- */
body.site-boxed {
background:#ccc;
}
body.site-boxed #site-container {
background:#fff;
}
.ht-container {
padding:0 20px;
}
body.site-boxed #site-container,
.ht-container {
margin: 0 auto;
max-width: 1040px;
}
#primary {}
#content {
float:left;
width: 72%;
}
#primary.sidebar-off #content {
width: 100%;
float: none;
}
#primary.sidebar-left #content {
float:right;
padding: 40px 0 0 40px;
border-left:1px solid #e6e6e6;
}
#primary.sidebar-right #content {
float:left;
padding: 40px 40px 0 0;
border-right:1px solid #e6e6e6;
}
#sidebar {
float:left;
width: 28%;
font-size:13px;
line-height:22px;
padding:40px 0 0;
position:relative;
}
#primary.sidebar-left #sidebar {
padding-right: 30px;
border-right:1px solid #e6e6e6;
right: -1px;
}
#primary.sidebar-right #sidebar {
padding-left: 30px;
border-left: 1px solid #e6e6e6;
left: -1px;
}
/* = Header
-------------------------------------------------------------- */
#site-header {
padding: 30px 0 0 0;
position: relative;
z-index: 8000;
}
#site-header #logo {
float: left;
}
#site-header #logo h1 {
margin:0;
font-size: 32px;
}
#site-header #logo,
#site-header #logo a {
font-size: 32px;
color:#1a1a1a;
text-decoration: none;
font-weight: bold;
letter-spacing: -1px;
padding-bottom: 20px;
}
#site-header #logo img {
display: block;
max-width: 100%;
}
/* = Footer
-------------------------------------------------------------- */
#footer {
border-top:1px solid #E8E8E8;
padding:30px 0;
margin:0;
font-size:13px;
}
#footer-widgets {
background: #F5F5F5;
border-top: 1px solid #E8E8E8;
padding: 40px 0;
font-size:13px;
line-height:22px;
}
#footer-widgets .widget {
margin-bottom:0;
}
#footer-widgets .widget-title {
font-size: 16px;
margin: 0 0 30px;
}
#footer-widgets .widget-title span {
background: #F5F5F5;
}
#footer-widgets .widget.st_articles_widget li,
#footer-widgets .widget.st_popular_articles_widget li {
margin: 0 0 10px;
}
#site-footer {
background-color: #E7EEF7;
padding: 25px 0;
margin: 0;
line-height: 10px;
color: #222222;
font-size: 13px;
clear: both;
}
#site-footer #footer-nav {
float:left;
}
#footer-nav ul {
margin:2px 0 0;
padding:0;
list-style:none;
}
#footer-nav li {
display:inline-block;
margin:0 15px 0 0;
line-height: 25px;
}
#footer-nav li:after {
content:"/";
color:#ccc;
margin: 0 0 0 15px;
}
#footer-nav li:last-child:after {
content:"";
}
#footer-nav a,
#footer-nav a:visited {
border-bottom:none;
color:#444;
}
#site-footer #copyright {
float:right;
font-size:13px;
margin:10px 0 0;
}
/* = Navigation
-------------------------------------------------------------- */
#primary-nav {
float:right;
position:relative;
/* margin-top: 1%; */
}
#primary-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#primary-nav ul a {
position: relative;
color: #333;
position: relative;
line-height: 18px;
font-size: 15px;
text-decoration:none;
}
#primary-nav ul li:last-child {
background:none;
padding:0;
margin:0;
}
#primary-nav ul li {
float: left;
z-index: 40;
height: 30px;
margin: 0 15px 0 0;
padding: 0 0 35px;
position: relative;
}
#primary-nav > ul > li:after {
content: "/";
color:#333;
margin: 0 0 0 15px;
}
#primary-nav > ul > li:last-child:after {
content: "";
}
#primary-nav ul li:hover {
visibility: inherit;
}
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {left: 0;top: 30px;z-index: 99;}
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul {
top: -9999em;
}
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul {
left: 220px;
top: -12px;
}
#primary-nav ul li a:hover,
#primary-nav ul li:hover,
#primary-nav ul li.sfHover a,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a {
text-decoration: none;
}
#primary-nav ul ul {
background: #fff;
border: 1px solid #ccc;
box-shadow:1px 1px 2px rgba(0,0,0,0.1);
margin: 10px 0 0;
padding: 10px 0;
position: absolute;
top: -9999em;
width: 220px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#primary-nav ul ul:before {
border-color: transparent transparent #ccc;
border-style: solid;
border-width: 12px;
content: "";
height: 0;
left: 25px;
position: absolute;
top: -24px;
width: 0;
z-index: 999;}
#primary-nav ul ul:after {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 12px;
content: "";
height: 0;
left: 25px;
position: absolute;
top: -23px;
width: 0;
z-index: 999;
}
#primary-nav ul ul ul:before,
#primary-nav ul ul ul:after {
display:none
}
#primary-nav ul ul li {
float: none;
width: 100%;
margin:0;
padding:0;
border:none;
height:auto;
text-align:left;
}
#primary-nav ul ul li a {
display:block;
font-size: 13px;
font-weight: normal;
color:#444;
padding: 5px 10px;
display: block;
margin: 0 10px 2px;
border-left:0;
}
#primary-nav ul ul li a:hover {
text-decoration:none;
background:#F5F5F5;
-moz-border-radius:99px;
-webkit-border-radius:99px;
border-radius:99px;
}
#primary-nav ul ul li a:hover {
color:#4d4d4d;
}
#primary-nav .sf-sub-indicator:after {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
content: "\f107";
color: #999;
margin:0 -2px 0 5px;
}
#primary-nav ul ul .sf-sub-indicator:after {
content: "\f105";
float:right;
}
#primary-nav ul ul a.sf-with-ul {
margin: 0 10px;
padding-right: 25px;
}
#primary-nav ul li.sfHover ul a {
color: #444 !important;
}
#primary-nav ul li.sfHover ul a:hover {
color: #444 !important;
}
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a {
font-weight:600;
}
/* Responsive Menu */
#primary-nav-mobile {
display:none;
margin: 0 0 15px;
}
#primary-nav-mobile .menu-toggle {
background: #242526;
position:relative;
padding: 20px 30px;
display:block;
outline:none;
}
#primary-nav-mobile .menu-toggle i {
color:#fff;
font-size:22px;
float:right;
}
#primary-nav-mobile ul {
background: #242526;
list-style:none;
margin: 0;
padding:0 20px 10px;
display:none;
}
#primary-nav-mobile ul a {
display: block;
padding: 12px 0;
outline:none;
color: #cccccc;
font-weight:600;
}
#primary-nav-mobile ul li {
border-top:1px solid #313335;
}
#primary-nav-mobile ul li:first-child {
border-top:none;
}
#primary-nav-mobile ul .sub-menu {
border-top:1px solid #313335;
}
/* = Page Header
-------------------------------------------------------------- */
#page-header {
border-bottom:1px solid #e6e6e6;
margin:0 0 30px;
padding:0 0 10px;
position:relative;
}
.single #page-header,
.single-format-video #page-header,
.category #page-header {
padding-left: 50px;
}
.single #page-header:before,
.single-format-video #page-header:before,
.category #page-header:before {
display: inline-block;
font-family: FontAwesome;
font-size: 32px;
font-weight: normal;
position: absolute;
left: 0;
top: 9px;
}
.single-format-video #page-header:before {
top: 4px;
}
.single #page-header:before {
content: "\f0f6";
}
.single-format-video #page-header:before {
content: "\f008";
font-size: 22px;
}
.category #page-header:before {
content: "\f07b";
font-size: 26px;
}
.error404 #page-header {
margin:60px 0 100px;
border:none;
text-align:center;
}
#page-header .page-title {
font-size:28px;
line-height: 32px;
margin: 0 0 6px;
}
#page-header p {
color: #808080;
font-size: 16px;
margin: 0 0 6px;
}
/* Breadcrumbs */
#breadcrumbs {
color: #808080;
font-size: 14px;
}
#breadcrumbs li {
display:inline;
}
#breadcrumbs span {
margin:0 5px;color:#b3b3b3;
}
#breadcrumbs a,
#breadcrumbs a:visited {
color: #808080;
}
/* = Category Page
-------------------------------------------------------------- */
.category .sub-categories {
list-style:none;
padding:0;
margin:0 0 30px 50px;
}
.category .sub-categories li {
padding:0 0 0 30px;
margin: 0 0 10px;
position:relative;
float:left;
width:50%;
}
.category .sub-categories h4, .category .sub-categories a {
color:#666;
}
.category .sub-categories li:before {
display: inline-block;
font-family: FontAwesome;
font-size: 18px;
font-weight: normal;
left: 0;
position: absolute;
top: 0;
content: "\f07b";
}
/* =Post Content Styles
-------------------------------------------------------------- */
.type-page {
margin: 0 0 50px;
}
.post {
border-bottom: 1px solid #E6E6E6;
margin: 0 0 30px;
padding: 0 0 30px 50px;
position: relative;
}
.post:before {
content: "\f0f6";
display: inline-block;
font-family: FontAwesome;
font-size: 30px;
font-weight: normal;
left: 0;
position: absolute;
top: 10px;
}
.post.format-video:before {
content: "\f008";
font-size: 22px;
}
.search-results .st_faq {
position: relative;
}
.search-results .st_faq:before {
content: "\f128";
display: inline-block;
font-family: FontAwesome;
font-size: 30px;
font-weight: normal;
left: 0;
position: absolute;
top: 10px;
}
.single .post {
padding:0;
margin:0 0 40px;
border:none;
}
.single .post:before {
display:none;
}
.sticky {}
.entry-title {
margin:0 0 12px;
}
.entry-title,
.entry-title a,
.entry-title a:visited {
font-size: 24px;
color:#45454C;
text-decoration:none;
line-height: 32px;
letter-spacing: -0.5px;
}
.entry-thumb {
margin:8px 0 0 20px;
float:right;
}
.entry-thumb a {
display:block;
line-height:0;
}
.entry-thumb img {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.entry-video {
margin:0 0 25px;
}
.entry-meta {
list-style:none;
color:#6b6773;
font-size:12px;
margin: -20px 0 30px;
padding:0 0 10px;
border-bottom: 1px solid #E6E6E6;
}
.entry-meta a,
.entry-meta a:visited,
.entry-meta a:hover {
color:#666;
text-decoration:none;
}
.entry-meta a:hover {
border-bottom:1px dotted #666;
}
.entry-meta strong {
color:#4c4c4c;
}
.entry-meta ul {
list-style:none;
margin:0 0 24px;
padding:0;
}
.entry-meta li {
display:inline;
margin:0 15px 0 0;
}
.entry-meta i {
margin:0 3px 0 0;
}
.tags a,
.tags a:visited {
display:inline-block;
padding: 5px 10px 6px;
position: relative;
color:#fff;
font-size: 11px;
line-height: 10px;
margin: 0 0 5px 20px;
text-decoration:none;
}
.tags a:hover {
background:#4a4a4a;
color:#fff;
text-decoration:none;
}
.tags a:before {
border-image: none;
border-style: solid;
border-width: 10px 8px;
content: "";
height: 1px;
left: -17px;
position: absolute;
top: 0;
width: 1px;
}
.tags a:hover:before {
border-color: transparent #4a4a4a transparent transparent;
}
.tags a:after {
background: #fff;
content: "";
height: 4px;
left: -2px;
position: absolute;
top: 8px;
width: 4px;
z-index: 999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.readmore {
display: block;
font-style: italic;
text-decoration:none;
}
/* =Page Navigation & Pagination
-------------------------------------------------------------- */
.page-navigation {
color:#666;
text-align: center;
margin:-5px 0 30px;
}
.page-navigation a,
.page-navigation a:visited {
color:#666;
font-size:13px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.page-navigation .nav-next {
float:right;
margin:0 0 0 15px;
}
.page-navigation .nav-next a {
}
.page-navigation .nav-previous {
float:left;
margin:0 15px 0 0;
}
.page-navigation .nav-previous a {
}
.page-navigation .nav-next a:hover,
.page-navigation .nav-previous a:hover {
text-decoration:none;
}
.pagination {
display: inline-block;
}
.pagination .current,
.pagination a {
padding:4px 10px;
margin:0 5px 0 0;
font-size:12px;
-moz-border-radius:99%;
-webkit-border-radius:99%;
border-radius:99%;
}
.pagination .current {
color:#fff;
}
.pagination a {
background:#F5F5F5;
border:1px solid #E6E6E6;
}
.page-links {
margin:0 0 15px;
}
.page-links strong {
margin:0 15px 0 0;
}
.page-links a, .page-links span {
font-size: 12px;
margin: 0 2px 0 0;
padding: 4px 10px;
border-radius: 99%;
-moz-border-radius: 99%;
-webkit-border-radius: 99%;
}
.page-links a {
background: #F5F5F5;
border: 1px solid #E6E6E6;
color:#666;
}
.page-links span {
color:#fff;
}
/* = Headings & Content Blocks
-------------------------------------------------------------- */
#entry-author,
#related-posts,
#comments {
margin:0 0 50px;
}
#entry-author-title,
#related-posts-title,
#comments-title {
border-bottom: 1px solid #E6E6E6;
margin: 0 0 25px;
padding: 0 0 10px;
font-size: 24px;
line-height: 28px;
color:#444;
letter-spacing: -0.5px;
}
/* =  Related Styling
-------------------------------------------------------------- */
#related-posts ul {
font-size: 13px;
list-style: none;
margin: 0;
padding: 0;
}
#related-posts li {
float:left;
margin: 0 0 5px;
width: 50%;
}
#related-posts li.standard a:before,
#related-posts li.video a:before {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-size: 16px;
margin:0 10px 0 0;
}
#related-posts li.standard a:before {
content:"\f0f6";
}
#related-posts li.video a:before {
content:"\f008";
font-size: 12px;
}
#related-posts a {
color: #444;
}
#related-posts a:hover {
text-decoration: none;
}
#related-posts .entry-title,
#related-posts .entry-title a {
font-size:14px;
font-weight:normal;
margin:0;
letter-spacing:0;
}
/* = Article Author
-------------------------------------------------------------- */
#entry-author .gravatar {
float: left;
margin: 0 25px 0 0px;
}
#entry-author .avatar {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#entry-author h4,
#entry-author .entry-author-desc {
margin: 0 0 0 95px;
}
#entry-author h4 a {
color: #3A3A40;
display: block;
font-size: 18px;
margin: 0 0 10px;
line-height:100%;
}
/* =Comment Styling
-------------------------------------------------------------- */
#comments ol {
margin: 0;
padding:0;
list-style:none;
}
#comments ol.children {
padding: 0 0 0 60px;
position:relative;
}
#comments ol.children:before {
content:"\f062";
display: inline-block;
font-family: FontAwesome;
font-size: 20px;
color: #808080;
font-weight: normal;
position: absolute;
left: 15px;
position: absolute;
top: 10px;
}
#comments ol.children li:last-child .comment-content {
border-bottom: 1px solid #DEE0E0;
}
#comments .comment-content {
border-bottom: 1px solid #DEE0E0;
margin: 0 0 30px 80px;
padding: 0 0 20px;
word-wrap: break-word;
}
#comments ol li:last-child .comment-content {
border:none;
}
/* Comment Meta  */
#comments .comment-meta {
margin:0 0 10px;
}
#comments .comment .avatar {
float:left;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#comments .comment .comment-meta time,
#comments .comment .comment-content {
display: block;
margin-left: 80px;
}
#comments .comment-meta cite {
font-style:normal;
font-weight:bold;
font-size:16px;
color: #444;
margin-left: 35px;
}
#comments .comment-meta cite a {
color: #444;
}
#comments .comment-meta .author-badge {
margin:0 0 0 10px;
padding:3px 10px;
color:#fff;
font-size: 11px;
font-weight:normal;
}
.comments-area .comment-meta time {
font-size:13px;
color: #808080;
}
/* Comment Actions  */
#comments .comment-action {
float:right;
font-size:13px;
}
#comments .comment-action a,
#comments .comment-action a:hover {
color:#666;
}
#comments .comment-edit-link {
margin:0 10px 0 0;
}
#comments .comment-edit-link:before {
content: "\f044";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
margin:0 5px 0 0;
}
#comments .comment-reply-link:before {
content: "\f112";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
margin:0 5px 0 0;
}
.bypostauthor {}
/* =Respond Styling
-------------------------------------------------------------- */
#respond {
margin:0 0 30px;
}
#reply-title {
font-size: 24px;
line-height: 28px;
border-bottom: 1px solid #E6E6E6;
margin: 0 0 20px;
padding: 0 0 10px;
color:#444;
letter-spacing: -0.5px;
}
#respond p {
margin:0 0 15px;
overflow: hidden;
}
#respond #author, #respond #email, #respond #url {
float:left;
margin:0 10px 0 0;
}
.comment-form-author label, .comment-form-email label, .comment-form-url label {
font-size: 13px;
line-height: 46px;
}
#respond .required {
font-size:12px;
color:#A03717;
position:relative;
top:-5px;
}
#respond .comment-form-comment label {
display:none;
}
#respond .form-allowed-tags {
background:#f7f7f7;
padding: 15px 20px;
font-size:13px;
}
#respond .form-allowed-tags code {
margin:10px 0 0;
font-size:12px;
line-height:1.4em;
}
#commentform #submit {
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 14px 25px;
border:none;
text-shadow:none;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#commentform #submit:hover {
background:#4A4A4A;
}
#respond #commentform #comment {
width:100%;
}
/* =Widgets
-------------------------------------------------------------- */
.widget {
margin-bottom:40px;
}
.widget .widget-title {
border-bottom: 4px double #E5E5E5;
color: #444;
font-size: 15px;
margin: 0 0 25px;
position: relative;
}
.widget .widget-title span {
background:#fff;
display: table;
margin: -6px 0 -9px;
padding: 0 10px 0 0;
}
.widget ul {
padding:0;
margin:0;
list-style:none;
}
.widget a,
.widget a:visited {
color:#45454C;
text-decoration:none;
}
.widget li {
margin:0 0 10px;
}
.widget li:last-child {
border-bottom:none;
}
.widget ul ul {
margin:10px 0 0 10px;
}
/*	Custom Category Widget */
.widget_categories ul span {
color:#fff;
font-size:11px;
display:block;
float:left;
margin:0 10px 0 0;
padding:5px 7px;
line-height:100%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.widget_categories ul ul {
margin: 10px 0 0 20px;
}
.widget_categories ul li {
clear: both;
line-height: 18px;
margin: 0 0 12px;
}
/*	List Widget Styling */
.widget_recent_entries li,
.widget_recent_comments li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_archive li,
.widget_recent_comments li {
padding:0 0 0 20px;
position:relative;
}
.widget_recent_entries li:before,
.widget_meta li:before,
.widget_nav_menu li:before,
.widget_pages li:before,
.widget_archive li:before,
.widget_recent_comments li:before {
font-family: FontAwesome;
content: "\f105";
position:absolute;
top:0;
left:0;
}
/*	Article Widget */
.widget.st_articles_widget li,
.widget.st_popular_articles_widget li {
margin: 0 0 15px;
padding: 0 0 0 30px;
border:none;
min-height:22px;
position:relative;
}
.widget.st_articles_widget li:last-child,
.widget.st_popular_articles_widget li:last-child {
margin: 0;
}
.st_articles_widget li.format-standard:before,
.st_popular_articles_widget li.format-standard:before,
.st_articles_widget li.format-video:before,
.st_popular_articles_widget li.format-video:before {
display: inline;
font-family: FontAwesome;
font-weight: normal;
font-size: 22px;
position:absolute;
top:2px;
left:0;
}
.st_articles_widget li.format-standard:before,
.st_popular_articles_widget li.format-standard:before {
content: "\f0f6";
}
.st_articles_widget li.format-video:before,
.st_popular_articles_widget li.format-video:before {
content: "\f008";
font-size: 16px;
}
/*	Search Widget */
.widget_search #s {
width:100%;
padding:8px;
}
/* Calendar Widget */
.widget_calendar {
float: left;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
color: #525A61;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
}
#wp-calendar tbody {
color: #aaa;
background:#fafafa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding:8px;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
}
/* Sidebar Widget Styles */
#sidebar .widget_search #s {
background:#fff;
}
/* = Homepage
-------------------------------------------------------------- */
.home .page-title {
font-size:22px !important;
}
#homepage-categories {
margin:0 0 24px;
}
#homepage-categories .row {
border-bottom: 1px solid #E6E6E6;
margin: 0 0 24px;
padding:0;
}
#homepage-categories .row:last-child {
border:none;
margin: 0;
padding:0;
}
#homepage-categories .column {
padding-left: 50px;
}
#homepage-categories .column:before {
content: "\f07b";
display: inline-block;
font-family: FontAwesome;
font-size: 26px;
font-weight: normal;
color: #4D4D4D;
position: absolute;
left: 0;
top: 0;
}
#homepage-categories a,
#homepage-categories a:visited {
color:#4d4d4d;
}
#homepage-categories h3 {
font-size:16px;
margin:0 0 15px;
}
#homepage-categories h3 a {
color:#4d4d4d;
}
#homepage-categories .cat-count,
.category .sub-categories .cat-count {
color: #999999;
font-size: 12px;
margin: 0 0 0 5px;
}
#homepage-categories ul {
list-style:none;
padding:0;
margin:0;
line-height: 20px;
}
#homepage-categories ul li {
padding:0 0 0 30px;
margin: 0 0 15px;
position:relative;
}
#homepage-categories ul li:before {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-size: 22px;
position: absolute;
top: 0;
left: 0;
}
#homepage-categories ul li.format-standard:before {
content: "\f0f6";
}
#homepage-categories ul li.format-video:before {
content: "\f008";
font-size: 16px;
}
#homepage-categories .sub-categories {
list-style:none;
padding:0;
margin:0;
}
#homepage-categories .sub-categories li {
padding:0 0 0 30px;
margin: 0 0 15px;
position:relative;
}
#homepage-categories .sub-categories li:before {
content: "\f07b";
display: inline;
font-family: FontAwesome;
font-weight: normal;
font-size: 18px;
color: #4D4D4D;
position: absolute;
left: 0;
top: 0;
}
/* = Live Search
-------------------------------------------------------------- */
#live-search {
background:#f5f5f5;
padding:25px 0;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
}
#live-search #searchform {
width:100%;
background:#fff;
border:1px solid #d1d1d1;
position:relative;
-moz-border-radius:99px;
-webkit-border-radius:99px;
border-radius:99px;
}
#live-search #s {
float: left;
width: 80%;
background:none;
color:#595959;
font-size:16px;
padding:20px 25px;
border:none;
box-shadow:none;
position:relative;
outline: 0;
}
#live-search i.live-search-loading {
font-size: 24px;
position:absolute;
right: 160px;
top: 18px;
display:none;
}
#live-search #s.live-search-loading + i.live-search-loading {
display:inline-block;
}
#live-search #searchsubmit {
position:absolute;
right:0;
top:0;
color:#fff;
margin:12px 25px 0 0;
padding: 10px 18px;
text-transform:uppercase;
border:none;
-moz-border-radius:99px;
-webkit-border-radius:99px;
border-radius:99px;
}
#live-search #searchsubmit:hover {
background-color:#4A4A4A;
}
#live-search #searchsubmit i {
margin:0 5px 0 0;
}
#search-wrap {
position:relative;
}
#search-result {
position:absolute;
background:#fff;
list-style:none;
min-width: 260px;
font-size:13px;
top:20px;
left: 5px;
margin: 0;
padding: 10px 5px;
border:1px solid #d1d1d1;
box-shadow:1px 1px 2px rgba(0,0,0,0.1);
z-index:9999;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#search-result:before {
border-color: transparent transparent #ccc;
border-style: solid;
border-width: 12px;
content: "";
height: 0;
left: 40px;
position: absolute;
top: -25px;
width: 0;
}
#search-result:after {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 12px;
content: "";
height: 0;
left: 40px;
position: absolute;
top: -24px;
width: 0;
z-index: 999;
}
#search-result li {
margin:0;
}
#search-result li.standard a:before,
#search-result li.video a:before,
#search-result li.faq a:before {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-size: 16px;
margin:0 10px 0 0;
position: absolute;
left: 10px;
}
#search-result li.standard a:before {
content:"\f0f6";
}
#search-result li.video a:before {
content:"\f008";
font-size: 12px;
}
#search-result li.faq a:before {
content:"\f059";
}
#search-result li:last-child {
margin:0;
}
#search-result a {
display:block;
color:#444;
line-height: 1.4;
padding: 5px 10px 5px 32px;
position: relative;}
#search-result a:hover {
text-decoration:none;
background:#F5F5F5;
-moz-border-radius:99px;
-webkit-border-radius:99px;
border-radius:99px;
}
#search-result img {
vertical-align:middle;
margin:0 10px 0 0;
}
#search-result .nothing-here {
padding:0 5px;
}
#jquery-live-search {
overflow:visible !important;
}
/* = FAQ Styling
-------------------------------------------------------------- */
.st_faq {
border-bottom: 1px solid #E6E6E6;
margin: 0 0 20px;
padding: 0 0 10px 45px;
}
.st_faq .entry-title {
font-size: 22px;
line-height: 28px;
padding: 0 40px 0 0;
position: relative;
}
.st_faq .entry-title:hover {
cursor:pointer;
}
#content .st_faq:last-child {
border:none;
}
.post-type-archive-st_faq .st_faq .entry-content {
display:none;
}
.st_faq .entry-content p {
margin: 0 0 10px;
}
.st_faq .action {
background:#4d4d4d;
color:#fff;
font-size: 12px;
line-height: 24px;
font-weight: bold;
text-align: center;
position: absolute;
left: -45px;
top:4px;
width: 25px;
height: 25px;
border-radius:99%;
-moz-border-radius:99%;
-webkit-border-radius:99%;
}
.st_faq h2 .plus, .st_faq h2 .minus {
display:none;
}
.st_faq h2 .plus {
display:block;
}
.st_faq h2.active .minus {
display:block;
}
.st_faq h2.active .plus {
display:none;
}
/*------------------------------------------------------------------------------
Author Page
------------------------------------------------------------------------------*/
.author #entry-author {
border-bottom: 1px solid #E6E6E6;
margin: 0 0 30px;
padding: 0 0 30px;
}
/*------------------------------------------------------------------------------
Responsive CSS
------------------------------------------------------------------------------*/
@media screen and (max-width: 720px) {
/* Site Structure */
#primary.sidebar-off #content,
#primary.sidebar-right #content,
#primary.sidebar-left #content,
#primary.sidebar-off #sidebar,
#primary.sidebar-right #sidebar,
#primary.sidebar-left #sidebar {
width:100%;
float:none;
clear: both;
padding:40px 0 0;
margin: 0 0 20px;
border:none;
left:auto;
right:auto;
}
/* Site Header */
#site-header {
text-align:center;
}
#site-header #logo {
float:none;
margin:0 auto;
}
#site-header #logo h1 {
margin: 0 auto;
}
#site-header #logo img {
margin: 0 auto;
}
/* Site Footer */
#site-footer
#footer-nav,
#site-footer #copyright {
float: none;
text-align:center;
}
#site-footer #footer-nav {
display:block;
margin:0 0 20px;
}
#footer-widgets .widget {
margin-bottom: 36px;
}
/* Nav Primary */
#primary-nav {
display: none;
}
#primary-nav-mobile {
display:block;
}
/* Live Search */
#live-search #searchsubmit span {
display:none;
}
#live-search #searchsubmit i {
margin: 0;
}
} /* END Media Query */
@media screen and (max-width: 480px) {
#live-search #s {
width:75%;
}
.category .sub-categories li {
margin: 0 0 10px;
float:none;
width:auto;
}
#page-header .page-title {
font-size: 24px;
}
} /* END Media Query */
/* ------- Insert custom styles below this line ------- */
/* ------------ Container ------------- */
.container{
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
.container{
max-width: 90%;
}
}
section#content{
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 30px 0;
}
/* ----------- No Javascript --------------------- */
.noscript {
position:absolute;
z-index: 99999;
background-color: #192c3c;
height: 4500px;
width: 100%;
padding-top:13em;
color: #FFF;
}
.noscript h3{
color: #FFF !important;
}
.noscript-text {
width: 75%;
max-width:960px;
margin: auto;
text-align: center;
}
/* --------------------- 404 --------------------------*/
.error404 #page-header{
margin: 20px 0 60px 0;
}
div.error404-contact{
margin: 30px 0;
}
.error404 table.tg.contact-code{
text-align: left;
}
.error404 #page-header .page-title{
font-size: 36px;
margin: 0 0 30px 0;
}
.error404 #contact-after-post{
text-align: left;
}
/* ------------- Remove Navigation Divider ------------ */
#primary-nav ul li {
margin: 0;
}
#primary-nav > ul > li.menu-item-type-custom:after{
display: none;
}
/* --- END - Navigation divider --- */
/* ---------- Back to top --------------------- */
@media only screen and (max-width: 979px){
.back-to-top{
display: none !important;
}
}
.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 40px;
right: 50px;
width: 50px;
height: 50px;
z-index: 100;
display: none;
text-decoration: none;
color: #000 !important;
transition: opacity 1s;
opacity: 0;
pointer-events: none;
}
.back-to-top.hide{
opacity: 0;
pointer-events: none;
}
.back-to-top.show{
opacity: 0.5;
pointer-events: auto;
}
.back-to-top i {
font-size: 40px;
}
/* ------------ Menu navigation appearance - similar to rt theme --------------- */
#primary-nav-mobile{
display: none;
}
#primary-nav ul li{
height: 40px;
padding: 0 16px;
}
#primary-nav ul li.menu-item-type-custom {
line-height: 40px;
border-radius: 8px;
transition: all 350ms ease-in-out;
}
#primary-nav ul li.menu-item-type-custom:hover {
background-color: #CADBEF;
}
#primary-nav ul li.menu-item-type-custom:hover a{
color: #5488C7;
}
#primary-nav ul li a{
padding: 10px 15px;
}
/* END - Menu Navigation appearance --- */
/* --------- Remove padding from under mobile navigation - removes white gap between menu and content ---------- */
#primary-nav-mobile {
margin: 0px;
}
/* --- END - Mobile navigation padding --- */
/*--------------------- Typography --------===---------------*/
.tt-name{
font-style: italic;
font-weight: 600;
}
.tt-clickable{
font-weight: 600;
position: relative !important;
}
.tt-clickable:before, .tt-clickable:after{
content: '"';
}
.st-alert span.tt-name, .st-alert span.tt-clickable{
position: relative;
background: none;
padding: 0;
font-size: 15px;
}
/* ---------------------- Product Display --------------------- */
.intro-container{
width: 90%;
margin: 0 auto 20px;
background-color: rgba(232,232,232,0.2);
padding: 20px;
border-radius: 10px;
}
.product-information, .user-information{
display: inline-block;
width: 100%;
}
/*.product-information h4{
	margin: 5px 0;
	font-weight: 400;
}*/
.product-container, .user-container{
display: inline-block;
margin: 5px 0 0;
width: 100%;
}
.product-container .product{
width: 32%;
height: 50px;
background: white;
float: left;
border: 1px solid #e6e6e6;
}
.product-container .product:nth-child(2){
margin: 0 2%;
}
@media only screen and (max-width: 999px) {
.product-container .product{
width: 100%;
}
.product-container .product:nth-child(2){
margin: 0;
}
}
.user-container .user{
height: 50px;
background: white;
border: 1px solid #e6e6e6;
}
.product-container .product .inner{
margin: 10px;
height: 30px;
position: relative;
}
.user-container .user .inner{
margin: 10px;
height: 30px;
position: relative;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%), url("/media/en/products/user-info.jpg?v=NXKvL6OEX2OgUozL8FhauQ") center center no-repeat;
}
.product-container .product.ett .inner{
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%), url("/media/en/products/product-ett.jpg?v=RnypERPdsCNNLXAewXXJAw") center center no-repeat;
}
.product-container .product.ptt .inner{
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%), url("/media/en/products/product-ptt.jpg?v=Hd9yggbFivN_6brIacQP1g") center center no-repeat;
}
.product-container .product.lm .inner{
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%), url("/media/en/products/product-lm.jpg?v=lwEjcsbdlSoK8egJqprx8w") center center no-repeat;
}
/*.product-container .product.disable .inner{
	-webkit-filter: grayscale(100%); filter: grayscale(100%);
}*/
.product-container .product .inner span{
position: absolute;
bottom: 5px;
left: 5px;
padding: 0 0 0 40px;
}
.user-container .user .inner span{
position: absolute;
bottom: 3px;
left: 5px;
padding: 0 0 0 40px;
}
.product-container .product .inner span:before{
content: "\f00c";
color: #398f14;
font-size: 30px;
font-family: FontAwesome;
position: absolute;
left: 0;
}
.product-container .product.disable .inner span:before{
content: "\f00d";
color: #c96565;
}
.user-container .user .inner span:before{
content: "\f007";
font-size: 30px;
font-family: FontAwesome;
position: absolute;
left: 0;
}
.user-container .user.manager .inner span:before{
color: #FDB826;
}
.user-container .user.manager-full-emp .inner span:before{
color: #c96565;
}
/* ------------------ Alerts & Captions ---------------------- */
.st-alert {
width: 80%;
padding: 20px 20px 20px 60px !important;
margin: auto;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
position:relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px !important;
}
.st-alert:before{
font-size: 30px;
font-family: FontAwesome;
position: absolute;
left: 15px;
top: 30%;
bottom: 0px;
margin: auto;
}
.st-alert-{
background-color: #f3e077;
color: #484019;
}
.st-alert-:before{
content: "\f085";
}
.st-alert-success{
background-color: #a9c965;
color:#445028;
}
.st-alert-success:before{
content: "\f00c";
}
.st-alert-danger, .st-alert-error {
background-color: #c96565;
color:#fff;
}
.st-alert-danger:before, .st-alert-error:before{
content: "\f071";
}
.st-alert-info{
background-color: #70A1DB;
color:#fff !important;
}
.st-alert-info:before{
content: "\f0eb";
color: #f3e077;
left: 20px;
}
.st-alert a, .st-alert a:visited{
text-decoration: underline;
}
.st-alert-info a, .st-alert-info a:visited, .st-alert-danger a, .st-alert-danger a:visited{
color: #FFF;
}
.st-alert span {
position:absolute;
left:0;
top:0;
padding:2px 8px;
color:#fafafa;
font-size: 13px;
background:rgba(0,0,0,0.2);
-webkit-border-radius: 1px 0 1px 0; -moz-border-radius: 1px 0 1px 0; border-radius: 1px 0 1px 0;}
#kb-en-intro span, #kb-de-intro span{
color: #484019;
}
.st-alert a:hover, .st-alert a:visited:hover{
color: #fdb826;
}
.st-alert.st-alert- span.tt-name, .st-alert.st-alert- span.tt-clickable{
color: #484019;
}
.st-alert.with_title {padding:40px 25px 30px 60px ; }
.st-alert-info img, .st-alert-success img, .st-alert-danger img, .st-alert- img{
position: absolute;
left: 10px;
margin: auto;
top: 0px;
bottom: 0px;
}
div.excerpt {
padding: 0;
background: none !important;
font-style: italic;
text-align: center;
margin: 0 auto 20px;
width: 80%;
font-size: 18px;
}
.excerpt:before, .excerpt:after{
color: #000;
font-family: FontAwesome;
font-size: 24px;
font-style: normal;
margin: 0 10px;
}
.excerpt:before{
content: "\f10d";
}
.excerpt:after{
content: "\f10e";
}
.excerpt img:first-child{
padding: 0 5px 0 0;
}
.excerpt img:last-child{
padding: 0 0 0 5px;
}
div#kb-en-intro.st-alert-intro img:first-child{
margin: 0px;
margin-right: 10px;
position: relative;
margin-bottom: -10px;
bottom: 5px;
}
div#kb-en-intro.st-alert-intro img:last-child, div#kb-de-intro.st-alert-intro img:last-child{
margin: 0px;
margin-left: 10px;
position: relative;
margin-top: -10px;
top: 5px;
}
div#kb-de-intro.st-alert-intro {
padding: 10px !important;
background: none !important;
font-style: italic;
}
div#kb-de-intro.st-alert-intro img:first-child{
margin: 0px;
margin-right: 10px;
position: relative;
margin-bottom: -20px;
bottom: 5px;
}
.wp-caption{
border-radius: 10px;
}
.wpcf7-not-valid{
border-bottom: 2px solid #c96565!important;
}
span.wpcf7-not-valid-tip{
display: none;
}
.wpcf7-mail-sent-ok{
background-color: #398f14 !important;
color: #fff;
}
.wpcf7-validation-errors{
background-color: #c96565 !important;
color: #fff;
}
div.wpcf7-response-output{
width: 90%;
margin: 20px auto 0px !important;
border: none !important;
text-align: center;
padding: 10px !important;
border-radius: 5px;
}
/* --- END Alerts --- */
/* ------------------ kb-divider (horizontal content divider) styling ------------------ */
div#kb-divider{
border-top: 1px solid #F0F0F0;
margin: 30px auto;
width: 80%;
}
/* --- END kb-divider styling --- */
/* ----------------------------- Homepage layout ------------------------------------ */
/* header#site-header {
	height: 400px;
} */
#homepage-categories .column {
padding-left: 40px;
}
.video-pdf-outer:before{
content: none !important;
}
.video-pdf-outer{
height: 146px;
padding-left: 0 !important;
}
.video-pdf-container{
display: inline-block;
height: 100%;
width: 100%;
padding: 10px 0 80px 0;
}
.video-pdf-container:first-of-type {
padding: 10px 0 20px 0; /* statt 80px nur 40px */
}
.video-pdf-container * {
color: #3E699C;
}
.video-pdf-container .block:hover {
background: #CADBEF;
}
.video-pdf-container .block{
height: 100%;
width: 32%;
float: left;
background-color: #E7EEF7;
border-radius: 20px;
transition: all 350ms ease-in-out;
}
.video-pdf-container .block{
margin: 0 1%;
}
.video-pdf-container .block:first-child{
margin: 0 1% 0 0;
}
.video-pdf-container .block:last-child{
margin: 0 0 0 1%;
}
.video-pdf-container .block .inner{
height: 124px;
margin: 10px;
position: relative;
}
.video-pdf-container .block .inner span:before{
font-family: FontAwesome;
font-size: 26px;
margin: 0 10px 0 0;
vertical-align: bottom;
}
.video-pdf-container .block.pdf-download .inner span:before{
content: "\f1c1";
}
.video-pdf-container .block.intro-video .inner span:before{
content: "\f03d" !important;
}
.video-pdf-container .block.webinar .inner span:before{
content: "\f130";
}
.video-pdf-container .block .inner span{
position: absolute;
bottom: 49px;
width: 100%;
text-align: center;
line-height: 26px;
font-weight: 600;
}
@media only screen and (min-width:721px) and (max-width: 900px){
.video-pdf-container .block .inner span:before{
display: none !important;
}
.video-pdf-container .block .inner span{
padding: 0 !important;
}
}
.tt-pdf-downloads:before{
content: "\f1c1" !important;
color: red !important;
}
.tt-video-header:before{
content: "\f03d" !important;
color: black !important;
display: inline-block;
font-family: FontAwesome;
font-size: 26px;
font-weight: normal;
position: absolute;
left: 0;
}
#homepage-categories .row {
border-bottom: none;
margin: 0;
padding: 0;
}
.video-pdf-container .block.knowledgebase {
width: 100%;
height: 146px;
margin: 0;
background-color: #F2F2F2;
border-radius: 20px;
transition: all 350ms ease-in-out;
box-sizing: border-box;
}
.video-pdf-container .block.knowledgebase:hover {
background: #E6E6E6;
}
.video-pdf-container .block.knowledgebase .inner {
display: flex;
align-items: center; /* vertikal mittig */
gap: 25px; /* Abstand Icon ↔ Text */
padding: 20px;
}
.video-pdf-container .block.knowledgebase .inner .kb-icon {
width: 45px; /* Icon-Größe */
height: auto;
flex-shrink: 0; /* verhindert, dass es gestaucht wird */
}
.video-pdf-container .block.knowledgebase .inner .text {
font-weight: 600;
line-height: 1.4;
text-align: left;
}
.video-pdf-container .block.knowledgebase .inner .text small {
font-weight: normal;
display: block;
margin-top: 5px;
font-size: 14px;
color: #333;
}
/* --- END - Homepage header layout --- */
/* -------------------------- Live search layout and resize events -------------------*/
div#live-search{
bottom: 0px;
position: absolute;
background: none;
margin: 0px auto;
left: 0px;
right: 0px;
border: none;
}
@media only screen and (max-width: 720px) {
div#live-search{
width: 100%;
}
}
@media only screen and (min-width: 721px) {
div#live-search{
width: 60%;
}
}
div.ajaxsearchpro[id*="ajaxsearchpro1_"], div.ajaxsearchpro[id*="ajaxsearchpro2_"] {
background: rgba(255,255,255,0.5)
}
div.proinput input.orig {
text-overflow: ellipsis;
}
/* --- END - Live search layout --- */
/* ----------------------- Category page alterations ---------------------------------*/
body.category .post:last-child{
border-bottom: none;
margin: 0;
}
body.category .entry-content p{
margin: 0 0 12px;
}
.readmore{
float: right;
margin-top: -20px;
}
.category #page-header:before{
content: "\f07c";
font-size: 30px;
top: 5px;
}
/* END - Category page alterations --- */
/* ----------------------------- Single Page Alterations -----------------------------*/
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
margin-top: 10px;
}
/* --------------------- Footer Alterations ------------------------------------------*/
div#aoc-footer{
width: 33%;
display: inline-block;
}
div#aoc-footer.teamviewer{
text-align: center;
}
@media screen and (max-width: 500px){
div#aoc-footer{
width: 100%;
text-align: center;
}
div#aoc-footer.social{
margin-top: 20px;
}
div#aoc-footer.social .social_media{
float: none !important;
}
}
@media screen and (min-width: 501px) and (max-width: 748px){
div#aoc-footer{
width: 50%;
float: left;
}
}
@media screen and (max-width:748px){
div#aoc-footer.teamviewer{
display: none !important;
}
}
/* --- END - Footer alterations --- */
/* ------------------- Related Articles / Posts -------------------------- */
#related-posts{
position: relative;
}
#related-posts:before{
content: "\f0c5" !important;
display: inline-block;
font-family: FontAwesome;
font-size: 32px;
font-weight: normal;
position: absolute;
top: 7px;
}
#related-posts h3{
padding: 0 0 10px 50px;
line-height: 36px;
}
/* --------------------- Contact info after single post ------------------------------*/
#contact-after-post {
margin: 0px 0px 25px 0px;
position: relative;
}
#contact-after-post:before{
content: "\f095" !important;
display: inline-block;
font-family: FontAwesome;
font-size: 32px;
font-weight: normal;
position: absolute;
top: 7px;
}
#contact-after-post h3 {
border-bottom: 1px solid #E6E6E6;
margin: 0px 0px 25px;
padding: 0px 0px 10px 50px;
font-size: 24px;
line-height: 36px;
color: #444;
letter-spacing: -0.5px;
}
input.wpcf7-form-control.wpcf7-submit {
background: #63AB1F;
padding: 10px 15px;
border-radius: 3px;
color: #F5F5F5 !important;
border: 1px solid #55931B;
margin: 20px 0;
text-align: center;
line-height: 140%;
font-size: 20px;
transition: background 0.3s;
text-decoration: none;
width: 100%;
}
input.wpcf7-form-control.wpcf7-submit:hover{
background: #57951b;
}
.wpcf7-form .wpcf7-text{
width: 100%;
}
div#contact-after-post-form .wpcf7-form p:nth-child(4) span textarea{
resize: none;
}
@media only screen and (max-width: 480px) {
div#contact-after-post-number-click div#number-left, div#contact-after-post-number-click div#number-right{
width: 100%;
}
div#contact-after-post-number-click div#number-left{
float: none;
}
div#contact-after-post-number-click div#number-right{
float: none;
}
div#contact-after-post-number-click table {
margin: 0px auto;
}
div#contact-after-post-number-click table td:nth-child(even) {
min-width: 160px;
}
div#contact-after-post-form .wpcf7-form p:nth-child(2), div#contact-after-post-form .wpcf7-form p:nth-child(3), div#contact-after-post-form .wpcf7-form p:nth-child(4) {
width: 100%;
margin: 5px 0px;
}
div#contact-after-post-form .wpcf7-form p:nth-child(4) span textarea {
height: 120px;
}
div#contact-after-post-form .wpcf7-form p:nth-child(6) {
width: 100%;
position: relative;
margin: 5px 0px;
height: 50px;
}
}
@media only screen and (min-width: 480px) {
div#contact-after-post-form .wpcf7-form p:nth-child(2), div#contact-after-post-form .wpcf7-form p:nth-child(3) {
width: 49%;
}
div#contact-after-post-form .wpcf7-form p:nth-child(2) {
margin: 0px 0.5% 5px 0px;
}
div#contact-after-post-form .wpcf7-form p:nth-child(3) {
margin: 0px 0px 5px 0.5%;
}
div#contact-after-post-form .wpcf7-form p:nth-child(4) {
width: 80%;
margin: 5px 0px;
}
div#contact-after-post-form .wpcf7-form p:nth-child(4) span textarea {
height: 100px;
}
div#contact-after-post-form .wpcf7-form p:nth-child(6) {
width: 19%;
position: relative;
margin: 5px 0px;
height: 100px;
float: right;
}
}
@media only screen and (min-width: 481px) and (max-width: 719px) {
div#contact-after-post-number-click div#number-left, div#contact-after-post-number-click div#number-right{
width: 50%;
}
div#contact-after-post-number-click div#number-left{
float: left;
}
div#contact-after-post-number-click div#number-right{
float: right;
}
}
@media only screen and (max-width: 720px) {
div#contact-after-post-number{
display: none;
}
div#contact-after-post-number-click{
width: 100%;
display: inline-block;
}
div#contact-after-post-form {
margin: 10px 0px 0px 0px;
width: 100%;
float: none;
}
}
@media only screen and (min-width: 721px) {
div#contact-after-post-number-click{
display: none;
}
div#contact-after-post-number {
width: 33%;
float: left;
}
div#contact-after-post-form {
width: 67%;
float: right;
}
}
div#contact-after-post-number img, div#contact-after-post-number-click img {
width: 24px;
border-radius: 50%;
margin-right: 10px;
opacity: 0.6;
transition: opacity 0.3s;
}
div#contact-after-post-number tr:hover img, div#contact-after-post-number-click tr:hover img{
opacity: 1;
}
div#contact-after-post-form .wpcf7-form p {
display: inline-block;
}
span.wpcf7-form-control-wrap input{
padding: 8px 0px;
}
span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea{
border: none;
border-bottom: 2px solid #EAEAEA;
background: none;
color: #888;
}
span.wpcf7-form-control-wrap input:hover, span.wpcf7-form-control-wrap textarea:hover{
border-bottom: 2px solid #A0C3EC;
}
span.wpcf7-form-control-wrap input:focus, span.wpcf7-form-control-wrap textarea:focus{
border-bottom: 2px solid #4C85C9;
background: none;
outline-style: none;
outline: none;
color: #000;
}
.tg.contact-code td{
padding: 0 0 5px 0;
}
/* --------------- Public Release Notes (hide items) --------------------- */
body.public-release-notes nav#primary-nav.clearfix, body.public-release-notes div#live-search, body.public-release-notes div#breadcrumbs, body.public-release-notes section#contact-after-post, body.public-release-notes div#aoc-footer.teamviewer, body.public-release-notes div#aoc-footer.social, body.public-release-notes div#aoc-footer.copyright a{
display: none !important;
}
body.public-release-notes div#logo{
pointer-events: none;
}
body.public-release-notes div#aoc-footer.copyright{
width: 100%;
text-align: center;
}
body.public-release-notes header#site-header{
z-index: -1;
}
/* body.public-release-notes div#primary{
	margin-top: -150px;
} */
/* body.public-release-notes div.container{
	background: rgba(255,255,255,0.9);
	border-radius: 10px;
} */
body.public-release-notes #primary.sidebar-off #content{
padding: 20px 0 0 0;
}
body.public-release-notes div.intro-container{
display: none;
}
body.public-release-notes section#related-posts{
display: none;
}
/* ----- Image alterations - display images in half columns at their full width --- */
.column.col-half img.aligncenter.size-full{
width: unset;
}
/* ---- language Selector ---- */
#primary-nav ul{
display: inline-block;
float: left;
}
i.fa.fa-globe {
padding: 0 5px 0 10px;
color: #5488C7;
float: left;
line-height: 40px;
}
i.fa.fa-globe:before {
font-size: 24px;
}
i.fa.fa-chevron-down {
padding: 0 0 0 5px;
}
li.languages {
display: inline-block;
list-style: none;
float: left;
line-height: 40px;
margin: 0 0 0 10px;
position: relative;
text-transform: uppercase;
}
@media only screen and (max-width: 999px) {
li.languages {
text-align: left;
padding: 0 5px;
}
}
li.languages span, li.languages i {
cursor: pointer;
}
li.languages ul.flags {
list-style: none;
margin: 0;
opacity: 0;
cursor: none;
pointer-events: none;
position: absolute;
right: 0px;
top: 40px;
transition: opacity 0.3s;
background: white;
color: #5488C7;
text-align: left;
display: block;
border-radius: 8px;
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 999px) {
li.languages ul.flags {
right: 0px;
top: -86px;
}
}
li.languages ul.flags li {
text-transform: capitalize;
line-height: 20px;
border-bottom: 1px solid #D2D2D2;
padding: 0;
}
li.languages ul.flags li:last-child {
border-bottom: none;
}
li.languages li a:hover{
color: #4C85C9 !important;
}
li.languages ul.flags li a {
padding: 10px;
display: block;
}
li.languages ul.flags li.active a {
box-shadow: inset 3px 0 0 #FDB826;
}
li.languages.open ul.flags {
display: block;
opacity: 1;
z-index: 5;
cursor: pointer;
pointer-events: auto;
}
/*
Font Awesome - Only TT used icons
*/
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("/assets/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?v=tYCocXgOzqvgQYYn6_lVfA");
src: url("/assets/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?v=tYCocXgOzqvgQYYn6_lVfA#iefix&v=4.6.3") format("embedded-opentype"), url("/assets/font-awesome-4.6.3/fonts/fontawesome-webfont.woff2?v=3ZRfrOkY7fILcoO3QWrnsw") format("woff2"), url("/assets/font-awesome-4.6.3/fonts/fontawesome-webfont.woff?v=bUZazzm0zbNlv9wy6gZjeg") format("woff"), url("/assets/font-awesome-4.6.3/fonts/fontawesome-webfont.ttf?v=cOWqH8iD1FPj3TOG5sX1gw") format("truetype"), url("/assets/font-awesome-4.6.3/fonts/fontawesome-webfont.svg?v=zUwdZ1aqTY6Y7091Se8tcw#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571429em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714286em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #ffffff; }
/* TimeTac Icons below */
.fa-check:before {
content: "\f00c"; }
.fa-apple:before {
content: "\f179"; }
.fa-windows:before {
content: "\f17a"; }
.fa-android:before {
content: "\f17b"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-folder-open-o:before {
content: "\f115"; }
.fa-calendar-o:before {
content: "\f133"; }
.fa-book:before {
content: "\f02d"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-question-circle-o:before {
content: "\f29c"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-phone:before {
content: "\f095"; }
.fa-twitter:before {
content: "\f099"; }
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"; }
.fa-google-plus:before {
content: "\f0d5"; }
.fa-linkedin:before {
content: "\f0e1"; }
.fa-download:before {
content: "\f019"; }
/* ------ Social Media ------ */
#aoc-footer.social{
text-align: right;
}
#social-media {
display: inline-block;
}
@media only screen and (max-width: 999px) {
#social-media {
width: 100%;
float: left;
text-align: center;
}
}
#social-media a i {
border: 3px solid #D2D2D2;
border-radius: 50%;
padding: 10px;
height: 46px;
width: 46px;
text-align: center;
color: #D2D2D2;
font-size: 20px;
transition: 0.5s;
}
#social-media a:hover i {
color: #4C85C9;
border-color: #4C85C9;
}
/* ------ Lightbox --------- */
#lightbox{
position: fixed;
height: 100%;
width: 100%;
display: block;
z-index: -1;
opacity: 0;
transition: 0.3s;
}
#lightbox.active{
opacity: 1;
z-index: 9999;
}
#lightbox #mask{
width: 100%;
height: 100%;
position: fixed;
pointer-events: none;
background: rgba(0,0,0,0.5);
}
#image-holder #lightbox-close{
position: absolute;
top: 5px;
right: 5px;
}
#image-holder #lightbox-close:before{
content: "\f00d";
font-size: 30px;
font-family: FontAwesome;
cursor: pointer;
}
#lightbox #image-holder{
position: relative;
background: #f5f5f5;
display: inline-block;
margin: auto;
max-width: 90%;
border-radius: 5px;
}
#lightbox-image{
display: inline-block;
padding: 30px;
}
#lightbox-image img{
max-width: 100%;
}
.entry-content img{
cursor: pointer;
}
.entry-content img.no-extra{
cursor: auto;
}
/*
Sign up
*/
p.terms-consent {
text-align: center; }
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
form#tt-webinar {
position: relative;
background: #FFFFFF;
color: #494949;
padding: 40px 20px;
width: 70%;
margin: 0 auto;
border-radius: 5px; }
@media only screen and (max-width: 999px) {
form#tt-webinar {
margin: 0 auto 20px auto; } }
@media only screen and (max-width: 480px) {
form#tt-webinar {
width: 90%; } }
form#tt-webinar h3 {
width: 90%;
margin: 0 auto 15px auto;
display: block; }
form#tt-webinar #grey-mask {
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s; }
form#tt-webinar .processing-container, form#tt-webinar .offline-container {
display: block;
opacity: 0;
z-index: -1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s; }
form#tt-webinar.processing #grey-mask, form#tt-webinar.offline #grey-mask {
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
z-index: 5;
left: 0;
top: 0;
border-radius: 5px; }
form#tt-webinar.processing {
pointer-events: none; }
form#tt-webinar.processing .processing-container {
opacity: 1;
width: 100%;
height: 120px;
position: absolute;
top: calc(50% - 60px);
left: 0;
z-index: 99999; }
form#tt-webinar.processing .processing-container .processing {
margin: 0 auto;
font-size: 5px;
position: relative;
text-indent: -9999em;
border-top: 2em solid #CECECE;
border-right: 2em solid #CECECE;
border-bottom: 2em solid #CECECE;
border-left: 2em solid #4C85C9;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
border-radius: 50%;
width: 100px;
height: 100px; }
form#tt-webinar.processing .processing-container p {
background: white;
padding: 10px;
margin: 20px;
border-radius: 5px;
text-align: center; }
form#tt-webinar.offline .offline-container {
opacity: 1;
width: 90%;
position: absolute;
top: 10%;
left: 5%;
z-index: 99999;
text-align: center;
background: #FFFFFF;
border-radius: 5px; }
form#tt-webinar.offline .offline-container i {
font-size: 100px;
color: #FDB826;
margin: 20px 0; }
form#tt-webinar.offline .offline-container p {
margin: 20px; }
form#tt-webinar.offline .offline-container a {
cursor: pointer; }
form#tt-webinar .tt-form-row {
margin: 0 auto 20px;
overflow: hidden;
display: block;
width: 100%;
position: relative;
clear: both; }
form#tt-webinar .tt-form-row.valid:after {
content: "\f058";
color: #63AB1F; }
form#tt-webinar .tt-form-row.live-not-valid:after {
content: "\f071";
color: #FDB826; }
form#tt-webinar .tt-form-row.live-not-valid input {
border-color: #FDB826 !important; }
form#tt-webinar .tt-form-row.has-error input, form#tt-webinar .tt-form-row.has-error select {
border-color: #EF5350 !important; }
form#tt-webinar .tt-form-row.has-error:after {
content: "\f071";
color: #EF5350; }
form#tt-webinar .tt-form-row.has-error#products-group:after {
top: 35px; }
form#tt-webinar .tt-form-row#honeypot {
display: none; }
form#tt-webinar .tt-form-row:after {
display: block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 20px;
width: 20px;
right: -5px;
top: 40px;
position: absolute; }
form#tt-webinar .tt-form-row label.text-select {
width: 90%;
margin: 0 auto 5px auto;
display: block; }
form#tt-webinar .tt-form-row label.radio-checkbox {
display: inline-block; }
form#tt-webinar .tt-form-row input[type=text] {
display: block;
width: calc(90% - 10px);
height: 25px;
margin: 0 auto;
padding: 5px;
font-size: 16px;
border-width: 2px;
border-style: solid;
border-color: #D2D2D2;
outline: none;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s; }
form#tt-webinar .tt-form-row input[type=text]:focus {
border-color: #4C85C9; }
form#tt-webinar .tt-form-row select {
display: block;
width: 90%;
height: 39px;
margin: 0 auto;
padding: 5px;
font-size: 16px;
border-width: 2px;
border-style: solid;
border-color: #D2D2D2;
outline: none;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s; }
form#tt-webinar .tt-form-row select:focus {
border-color: #4C85C9; }
form#tt-webinar .tt-form-row input[type=hidden] {
display: none; }
form#tt-webinar .tt-form-row .help-block {
display: inline-block;
float: right;
color: #EF5350;
font-size: 14px; }
form#tt-webinar .tt-form-row#products-group .help-block {
display: block;
float: none;
width: 90%;
margin: 0 5% 5px 5%; }
form#tt-webinar .tt-form-row#button-group {
margin: 0; }
form#tt-webinar .tt-form-row#button-group input.submit {
display: block;
background: #63AB1F;
padding: 10px 15px;
border-radius: 3px;
color: #F5F5F5;
border: 1px solid #55931B;
margin: 0 auto;
line-height: 140%;
font-size: 16px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
text-decoration: none;
cursor: pointer;
width: 250px; }
@media only screen and (max-width: 480px) {
form#tt-webinar .tt-form-row#button-group input.submit {
max-width: 100%; } }
form#tt-webinar .tt-form-row#button-group input.submit:hover {
background: #57951b; }
form#tt-webinar .tt-form-row#terms-group {
width: 90%;
margin: 20px auto 0;
font-size: 80%; }
form#tt-webinar #sign-up-success #response-icon, form#tt-webinar #sign-up-failure #response-icon {
text-align: center; }
form#tt-webinar #sign-up-success #response-icon i, form#tt-webinar #sign-up-failure #response-icon i {
height: 100px;
width: 100px;
font-size: 100px;
margin: 0 20px; }
form#tt-webinar #sign-up-success #response-icon i.fa-check-square-o, form#tt-webinar #sign-up-failure #response-icon i.fa-check-square-o {
color: #63AB1F; }
form#tt-webinar #sign-up-success #response-icon i.fa-exclamation-circle, form#tt-webinar #sign-up-failure #response-icon i.fa-exclamation-circle {
color: #EF5350; }
form#tt-webinar #sign-up-success #success-text h1, form#tt-webinar #sign-up-success #success-text h3, form#tt-webinar #sign-up-success #failure-text h1, form#tt-webinar #sign-up-success #failure-text h3, form#tt-webinar #sign-up-failure #success-text h1, form#tt-webinar #sign-up-failure #success-text h3, form#tt-webinar #sign-up-failure #failure-text h1, form#tt-webinar #sign-up-failure #failure-text h3 {
text-align: center;
margin: 20px 0; }
form#tt-webinar #sign-up-success #success-text p, form#tt-webinar #sign-up-success #failure-text p, form#tt-webinar #sign-up-failure #success-text p, form#tt-webinar #sign-up-failure #failure-text p {
text-align: center; }
.ui-autocomplete {
padding: 0;
list-style: none;
background-color: #fff;
width: 218px;
border: 1px solid #B0BECA;
max-height: 350px;
overflow-x: hidden; }
.ui-autocomplete .ui-menu-item {
border-top: 1px solid #B0BECA;
display: block;
padding: 4px 6px;
color: #353D44;
cursor: pointer; }
.ui-autocomplete .ui-menu-item:first-child {
border-top: none; }
.ui-autocomplete .ui-menu-item.ui-state-focus {
background-color: #D5E5F4;
color: #161A1C; }
.ui-helper-hidden-accessible {
display: none; }
/* Webinar */
.single-post_type_webinar #page-header:before{
content: "\f03d";
}
.webinar-list article {
margin: 20px 0;
}
.webinar-list article h2 a{
text-decoration: underline;
}
.webinar-list .webinar-list-item{
display: block;
overflow: hidden;
background: #EAEAEA;
border: 1px solid #D2D2D2;
border-radius: 5px;
padding: 20px 30px;
margin: 20px 0;
clear: both;
}
.webinar-list .webinar-list-item .left{
width: 80%;
float: left;
}
.webinar-list .webinar-list-item .right{
width: 20%;
float: right;
}
.webinar-list .webinar-list-item p{
display: inline-block;
margin: 0;
}
.webinar-list .webinar-list-item a.button{
display: block;
background: #63AB1F;
padding: 10px 15px;
border-radius: 3px;
color: #F5F5F5;
border: 1px solid #55931B;
margin: 0 auto;
font-size: 16px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
text-decoration: none;
cursor: pointer;
width: 100%;
text-align: center;
}
.contact-form{
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
padding: 8px 0px;
background: none;
color: #888;
border: none;
border-bottom: 2px solid #EAEAEA;
width: 100%;
}
.contact-form input[type="text"]:hover,
.contact-form input[type="email"]:hover,
.contact-form textarea:hover,
.contact-form input[type="text"]:active,
.contact-form input[type="email"]:active,
.contact-form textarea:active {
border-bottom: 2px solid #A0C3EC;
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus{
outline: none;
border-bottom: 2px solid #A0C3EC;
}
.contact-form input[type="text"].is-invalid,
.contact-form input[type="email"].is-invalid,
.contact-form textarea.is-invalid{
border-bottom: 2px solid #c96565!important;
}
.contact-form button{
width: 200px;
margin: 20px auto;
display: block;
background: #4C85C9;
padding: 10px;
border-radius: 1.5rem;
font-size: 1rem;
transition: 0.3s;
color: #FFFFFF;
border: 1px solid #4C85C9;
line-height: 1.25rem;
}
.contact-form button:hover,
.contact-form button:active{
color: #4C85C9;
background: #FFFFFF;
}
.contact-form .invalid-feedback{
display: none;
}
.contact-form .invalid-feedback:before{
content: "\f071";
font-family: FontAwesome;
color: #c96565;
}
/* Search Bar 2.0 */
/* Similar to overflow:hidden, but allows overflowing of dropdowns etc */
#logo-menu-header::after, #search-header::after{
clear: both;
content: "";
display: block;
}
#search-header{
background: #E7EEF7;
padding: 60px 0;
}
@media only screen and (max-width: 999px){
#search-header{
padding: 30px 0;
}
}
#search-header #search-wrap{
position: relative;
min-height: 80px;
background: #F5F5F5;
border-radius: 10px;
box-shadow: 0px 10px 18px -13px #000000;
}
#search-header form#search{
height: 80px;
background-color: #FFFFFF;
border-radius: 10px;
}
#search-header input#search-input{
height: calc(100% - 40px);
width: 85%;
border: none;
padding: 20px;
outline: none;
font-size: 20px;
background: none;
}
#search-header #search-icon{
position: absolute;
right: 20px;
top: calc(50% - 16px);
cursor: pointer;
}
#search-header #close-icon{
position: absolute;
right: 60px;
top: calc(50% - 16px);
cursor: pointer
}
#search-header #loader-icon {
border: 4px solid #f5f5f5;
border-top: 4px solid #4C85C9;
border-radius: 50%;
width: 32px;
height: 32px;
animation: search-spin 0.75s linear infinite;
position: absolute;
top: calc(50% - 16px);
right: 100px;
}
@keyframes search-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#search-header #search-results{
position: absolute;
margin: 10px auto;
background: #FFFFFF;
padding: 10px;
border-radius: 10px;
width: 100%;
box-shadow: 0px 10px 18px -13px #000000
}
#search-header #search-results .result{
margin: 10px;
padding: 10px 20px;
border-radius: 10px;
transition: 0.2s;
cursor: pointer;
}
#search-header #search-results .result:hover{
background-color: #E7EEF7;
}
#search-header #search-results .result .title{
font-size: 16px;
font-weight: 700;
margin: 0 0 10px 0;
color: #383838;
}
#search-header #search-results .result .body{
font-size: 14px;
margin: 0;
color: #383838;
}
#search-header #search-results span{
color: #4C85C9;
}