html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Reset by AivahThemes */
address {
font-style: italic;
margin-bottom: 24px;
}
abbr[title] {
border-bottom: 1px dotted #2b2b2b;
cursor: help;
}
b,
strong {
font-weight: 600;
}
p {
margin-bottom: 24px;
}
p:empty {
display: none;
}
blockquote,
q {
-webkit-hyphens: none;
-epub-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote {
margin: 30px 0;
padding: 20px 35px;
background-color: #f6f6f6;
font-size: 16px;
line-height: 26px;
color: #222;
font-style: italic;
border-left: 5px solid #26c369;
}
blockquote cite,
blockquote small {
opacity: 0.7;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote p { margin-bottom:0;}
i, cite, em, var, address, dfn {
font-style: italic;
}
small {
font-size: small;
}
big {
font-size: 125%;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
dl { margin-bottom: 24px; }
dt { font-weight: bold; }
dd { margin-bottom: 24px; }
ul, ol { list-style: none; margin: 0 0 25px 25px;}
ul[dir='rtl'], ol[dir='rtl'] { margin: 0 25px 25px 0;}
ul { list-style: none;}
ol { list-style: decimal; }
li > ul,
li > ol {
margin: 0 0 0 25px;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
max-width: 100%;
vertical-align: middle;
}
fieldset {
margin: 0;
padding:0;
}
legend { white-space: normal;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
-moz-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
margin-right: 10px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table,
th,
td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th, td {
padding: 0.4em;
}
del {
color: #767676;
}
hr {
background-color: #e5e5e5;
background-color: rgba(0, 0, 0, 0.1);
border: 0;
height: 1px;
margin: 20px 0;
}
.format-chat .entry-content p {
border-bottom: 1px solid #dddddd;
margin-bottom: 10px;
}
.wp-video { margin-bottom: 25px; }
/* Clearing Margins */
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mb0 { margin-bottom: 0 !important; }
.whitetext *,
.whitetext a { color: #ffffff !important; }
.whitetext a:hover { opacity: 0.8; }
/*************************************************/
/* Global Input Form Control */
/*************************************************/
.wpcf7-form-control {
font-size: 13px;
line-height: 18px;
color: #222;
background: #ddd;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 30px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: block;
}
.wpcf7-form-control:focus,
.wpcf7-form-control:active {
background: #fff;
border-radius: 2px;
border: 2px solid #26c369;
-webkit-box-shadow: 0 0 0 2px #26c369;
box-shadow: 0 0 0 2px #26c369;
}
.at-from-input { margin: 0 0 8%; width: 100%; }
.at-staff-form .one_half { margin-bottom: 0; }
div.wpcf7-not-valid-tip { display: none; }
div.wpcf7-response-output {
margin: 0 0 10px;
background-color: #c9f7b2;
color: #61a600;
padding: 18px 30px 18px 20px;
font-size: 14px;
border: none; }
div.wpcf7-response-output.wpcf7-validation-errors {
background-color: #ffd9d9;
color: #ff0000;
}
div.wpcf7-response-output.wpcf7-mail-sent-ng { background-color: #fff2b2; color: #ff9900; }
/* Default Buttons */
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #26c369;
border: 0;
color: #fff;
font-size: 14px;
padding: 10px 20px;
border-radius: 3px;
}
button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background-color: #333333;
color: #fff;
outline: 0;
}
button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background-color: #444444;
}
/* Calendar Widget */
.widget_calendar caption,
.widget_calendar td,
.widget_calendar th { text-align: center; }
/* Preformatted Text */
pre {
background: url('../images/code_bg.png') repeat scroll left top #f6f6f6;
font: 12px "Courier 10 Pitch", Courier, monospace;
line-height: 21px;
margin-bottom: 1.625em;
overflow: auto;
padding: 20px 30px;
border: 1px solid #eeeeee;
color: #444444;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
border-radius: 3px;
}
code, kbd {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
/* Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
max-width: 100%;
}
/**
* 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 {
height: auto;
}
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
height: auto;
max-width: 100%;
}
/* Make sure embeds and iframes fit their containers */
embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; }
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; }
/* Alignment */
.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }
.aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; }
.textright { text-align:right; }
.textleft { text-align:left; }
.textcenter { text-align:center; }
/* Blockquote Alignments */
.site-content blockquote.alignleft,
.site-content blockquote.alignright {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
padding-top: 17px;
width: 50%;
}
.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
margin-bottom: 17px;
}
/* Image Caption */
.wp-caption { margin-bottom: 24px; }
.wp-caption img[class*="wp-image-"] { display: block; margin: auto; }
.wp-caption { color: #767676; }
.wp-caption-text {
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0;
padding-right: 10px;
}
.wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* WordPress Generic */
.bypostauthor { }
.sticky .post_content { background-color:#FCF8E3; }
/* WordPress Generic */
.comment-edit-link,
.post-edit-link { font-weight:bold; }
.comment-edit-link:before,
.post-edit-link:before {
content:"\f040";
font-family: 'FontAwesome';
margin-right:5px;
line-height:16px;
}
/* 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;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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. */
}
/* Clearfix */
.clear { clear: both; display: block; width: auto; visibility: visible; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Box Sizing */
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ================================================================= */
/* 02. General CSS */
/* ================================================================= */
body, input, select, textarea {
font: normal 16px/1.7 "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #444;
}
figure { margin: 0;}
figure img { width: auto; max-width: 100%;}
#pagebg {
position:fixed;
top:0;
z-index:-1;
min-width:100%;
min-height:100%;
background-attachment: fixed;
background-size:100% 100%;
}
.bodyoverlay {
position: fixed;
top: 0;
background-repeat: repeat;
background-position: top left;
background-attachment: scroll;
z-index: 0;
width: 100%;
height: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* Links */
a { outline: 0; text-decoration: none; }
a:hover { text-decoration: none; }
/* Generic */
body { overflow-x: hidden; }
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: "Poppins", sans-serif;
color:#333333;
font-weight: 300;
}
h1 { font-size: 32px; line-height: 1.35; margin-bottom: 0.4em; font-weight: 800; }
h2 { font-size: 26px; line-height: 1.45; margin-bottom: 0.6em; }
h3 { font-size: 22px; line-height: 1.6; margin-bottom: 0.8em; }
h4 { font-size: 20px; line-height: 1.7; margin-bottom: 1em; }
h5 { font-size: 16px; line-height: 1.6; margin-bottom: 1.1em; }
h6 { font-size: 14px; line-height: 1.6; margin-bottom: 1.1em; }
h1 small { font-size: 18px; font-weight: 300;}
h2 small { font-size: 16px; font-weight: 300;}
h3 small { font-size: 14px; font-weight: 300;}
h4 small { font-size: 12px; font-weight: 300;}
/* ================================================================= */
/* 03. Layout and Grid */
/* ================================================================= */
#wrapper {
position: relative;
background-color:#ffffff;
margin: 0 auto;
}
.boxed #wrapper {
width: 94%;
max-width:1200px;
margin:20px auto;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.stretched #wrapper { width: 100%; }
.inner {
position: relative;
max-width: 1160px;
margin: 0 auto;
width: 100%;
}
.inner:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.34%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.three_fourth { width: 74%; }
.four_fifth { width: 79.2%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.7%; }
.one_half, .one_third, .two_third,
.one_fourth, .one_fifth, .four_fifth,
.one_sixth, .five_sixth, .two_fifth,
.three_fifth, .three_fourth {
position: relative;
display: inline-block;
float: left;
vertical-align: top;
margin-right: 4%;
margin-bottom: 15px;
}
.end,
.last { margin-right: 0 !important; }
/* No Margin Columns */
.nomargin.one_half { width: 50%; }
.nomargin.one_third { width: 33.33%; }
.nomargin.two_third { width: 66.66%; }
.nomargin.one_fourth { width: 25%; }
.nomargin.one_fifth { width: 20%; }
.nomargin.three_fourth { width: 75%; }
.nomargin.four_fifth { width: 80%; }
.nomargin.two_fifth { width: 40%; }
.nomargin.three_fifth { width: 60%; }
.nomargin.one_sixth { width: 16.66%; }
.nomargin.five_sixth { width: 83.33%; }
.nomargin.one_half, .nomargin.one_third, .nomargin.two_third,
.nomargin.one_fourth, .nomargin.one_fifth, .nomargin.four_fifth,
.nomargin.one_sixth, .nomargin.five_sixth, .nomargin.two_fifth,
.nomargin.three_fifth, .nomargin.three_fourth {
position: relative;
display: inline; /* Old Browser Hack */
display: inline-block;
float: left;
margin-right: 0;
margin-bottom: 0;
}
.nomargin {margin: 0 !important;}
/* Gallery Grid */
.col_half { width: 48.50%; }
.col_third { width: 31.33%; }
.col_fourth { width: 22.75%; }
.col_fifth { width: 17.60%; }
.col_sixth { width: 13.33%; }
.col_three_fourth { width: 74.5%;}
.col_twothird { width: 65.67%;}
.col_half, .col_third, .col_twothird,
.col_fourth, .col_three_fourth, .col_fifth ,.col_sixth{
position: relative;
display:inline; /* Old Browser Hack */
display: inline-block;
float: left;
margin-right: 3%;
margin-bottom: 2%;
}
.end:after { clear: both; content: ''; display: block; }
.col_half:after,
.col_third:after,
.col_twothird:after,
.col_fourth:after,
.col_three_fourth:after,
.col_fifth:after {
clear: both;
content: '';
display: block;
}
/* Primary Content Area */
.entry-content-wrapper { padding: 0; }
.single-gallery.fullwidth .entry-content-wrapper,
.single-post.fullwidth .entry-content-wrapper,
.page-template-template-blog .entry-content-wrapper,
.page-template-labora-niche .entry-content-wrapper,
.woocommerce-page .entry-content-wrapper { padding:80px 0 80px 0; }
.page-template-template-gallery .entry-content-wrapper { padding:80px 0 80px 0; }
body:not(.fullwidth) .entry-content-wrapper { padding:80px 0 80px 0; }
#main { position: relative; z-index: 3; }
.pagemid_section { padding: 0; }
.pagemid {
position: relative;
margin: 0 auto;
}
.pagemid > .inner { width: 100%; max-width: 1160px; }
.pagemid:after,
.pagemid:before {
clear:both;
content: "";
display: block;
}
/* Fullwidth Section */
.section_fullwidth {
position: relative;
margin: 0 auto;
padding: 20px 0;
}
.content-area .section_inner {
/* width: 100%; */
max-width: 1160px;
margin: 0 auto;
z-index: 3;
}
.fullwidth .section_inner {
width: 100%;
max-width: 1160px;
margin: 0 auto;
padding: 0;
}
.section_inner:after {
clear:both;
display: block;
content: "";
}
.content-area { word-wrap: break-word; }
.content-area a { color:#26c369; }
/* Left/Right Sidebar */
.leftsidebar #sidebar {
position: relative;
float: left;
width: 25%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.leftsidebar #sidebar .content {
padding: 80px 40px 80px 0;
margin-right:-1px;
}
.leftsidebar .content-area {
float: right;
width: 75%;
padding-left:25px;
}
.rightsidebar #sidebar {
position: relative;
float: right;
width: 25%;
}
.rightsidebar #sidebar .content{
padding: 80px 0 80px 25px;
}
.rightsidebar .content-area {
float: left;
width: 75%;
padding-right:25px;
}
.content-area:before,
.content-area:after {
clear:both;
display:block;
content:'';
}
.fullscreen { width :100%; }
/* ================================================================= */
/* 04. Slider & Header */
/* ================================================================= */
#featured_slider {
position: relative;
margin: 0;
z-index: 0;
}
.slider_wrapper { width: 100%; margin: 0 auto; }
.slider_stretched { max-width:100%; }
.staticslider { position: relative; overflow: hidden; }
.staticslider img { max-width:100%; display: block; margin: 0 auto; }
.flex-inner { width:1160px; margin: 0 auto; position:relative; }
.frontpage_section {
position: relative;
width: 1160px;
margin: auto;
margin-top: -180px;
}
/* ==== Logo Site title Description ==== */
.logo {
display: table-cell;
min-height: 70px;
padding: 0;
position: relative;
vertical-align: middle;
min-width:150px;
}
.logo img {
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/* ==== Logo Text ==== */
h1#site-title {
margin: 0;
font-size: 30px;
line-height: 38px;
letter-spacing: -1px;
color: #666666;
}
h1#site-title a { color: #666666; }
h2#site-description {
margin: 0;
font-size: 12px;
line-height: 16px;
color: #999999;
text-decoration: none;
}
/* ==== Header ==== */
.header {
position: relative;
background-color: #ffffff;
-webkit-box-shadow: 0 0 1px 3px rgba(0,0,0,0.03);
box-shadow: 0 0 1px 3px rgba(0,0,0,0.03);
}
.header:after {
clear: both;
content: "";
display: block;
}
.header-area {
position: relative;
display: table;
height: 110px;
margin: 0 auto;
min-height: 70px;
width: 100%;
max-width: 1160px;
}
.header-right {
float: right;
width: 200px;
font-size: 11px;
}
/* ==== Header Style default ==== */
.header-style-default {
position: relative;
z-index: 6;
}
.header-style-default .menuwrap {
display: table-cell;
margin: auto;
padding: 0;
vertical-align: middle;
}
.header-style-default .sf-menu > li > a { padding: 3.5em 0; margin: 0 1em; }
.header-style-default .iva_socials { display: table; margin: 0 auto;}
/* ==== Header Style 1 ==== */
.header-style1,
.header-style2,
.header-style3,
.header-style4 { z-index: 6; }
.header-style1 .menuwrap {
display: table-cell;
margin: auto;
padding: 0;
vertical-align: middle;
}
.header-style1 .sf-menu > li > a { padding:3.5em 0; margin: 0 1em; }
.header-style1 .iva_socials { display: table; margin: 0 auto;}
.header-style1 .headerSearch { height: 90px; }
.header-style1 .ivaInput[type="text"] { padding: 15px 10px; }
/* ==== Header Style 2 ==== */
.header-style2 .header-area { width: 100%; }
.header-style2 .logo {
display:inline-block;
float: left;
width: 30%;
margin:0 auto;
text-align: center;
padding: 30px 0;
}
.header-style2 .menu-inner {
position: relative;
display: table;
margin: 0 auto;
}
.header-style2 #iva_menu { display: table; margin: 0 auto; }
.header-style2 .sf-menu { float: none; }
.header-style2 .mini-cart:hover .widget_shopping_cart {
top: 9px;
}
.header-style2 .header-area {
max-width: 1160px;
}
.header-style2 .primarymenu {
background-color: #ffffff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.header-style2 .sf-arrows .sf-with-ul:after { right:0 ; }
/* ==== Header Style 3 ==== */
.header-style3 { position: relative; }
.header-style3 .menu-inner {
position: relative;
display: table;
margin: 0 auto;
width: 100%;
max-width: 1160px;
}
.header-style3 .primarymenu { background-color:#191919; }
.header-style3 .sf-menu > li > a { color: #aaaaaa; border-right:1px solid rgba( 255, 255, 255, 0.07 ); }
.header-style3 .sf-menu { float:none; }
.header-widget-area { display: table-cell; vertical-align: middle; text-align: right; font-size: 12px; }
.header-widget-area ul { margin: 0; }
.header-widget-area ul li { display: inline-block; padding: 1px 5px; }
.header-s3-right { display: table-cell !important; vertical-align: middle; text-align: right; font-size: 13px; }
.header-s3-right ul { margin: 0; }
.header-style3 .sf-menu > li:first-child > a { padding-left: 0; }
.header-style3 .sf-menu li.current-menu-item > a,
.header-style3 .sf-menu li.current-menu-ancestor > a,
.header-style3 .sf-menu li.current-page-ancestor > a {
color: #26c369;
}
.header-style3 .sf-menu li.current-menu-ancestor > a { color:#ffffff;}
/* ==== Header Style 4 ==== */
.header_section { position: relative; z-index: 6; }
.header_section_bg {
position: absolute;
background-size: cover !important;
width: 100%;
height:100%;
top: 0;
}
.header_section_bg_overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color:#000000;
opacity: 0.6;
}
.header-rightpart {
display: table-cell;
vertical-align: middle;
padding: 0;
}
.header-style4 .header-area {
width: 100%;
max-width: 1160px;
}
.header-style4 .topbar {
background-color: transparent;
}
.header-style4 .logo {
padding-left: 40px;
border-radius: 50px 0 0 50px;
}
.header-style4 .primarymenu {
display: table-cell;
padding-right: 25px;
border-radius:0 50px 50px 0;
}
.header-style4 {
position: absolute;
left: 0;
right: 0;
z-index: 99;
max-width: 1160px;
margin: 40px auto 0 auto;
}
.header-style4 .inner { max-width: 1100px;}
.header-style4 .header { border-radius: 50px; }
.header-style4 .header-area { height: 70px; }
.header-style4 .sf-menu > li a { padding-top: 2em; padding-bottom: 2em;}
.header-style4 .icn_wrap_align { float: right; margin: 20px 20px 0 0; }
.topbar-left{ float: left; width: 50%; }
.topbar-right{ float: left; width: 50%; text-align: right; }
.header-style4 .header-rightpart { padding-right: 40px;}
.header-style4 .header-widget-area {
position: relative;
float: right;
top: 25px;
}
.header-style4 .mini-cart:hover .widget_shopping_cart {
top: 10px;
}
.header-style4 .sf-arrows .sf-with-ul::after {
position: relative;
padding-right: 4px;
right: -6px;
}
.header-style4 #social-icons{
display: table-cell;
margin: 0;
vertical-align: middle;
}
/* Required for only header 5 style */
.iva-page_slider .header_wrapper { position: relative; min-height: 0 !important; }
.page-template-template_contact .header_wrapper { min-height: 0 !important; }
body:not(.home) .header_wrapper { position:relative; min-height: 109px; }
body:not(.home) .header_wrapper.header-style4 { position:relative; min-height: 140px; }
/* ==== Header Style 5 ==== */
.header-style5 {
background-color: rgba(0,0,0,0.15);
border-bottom: 1px solid rgba(255,255,255,0.1);
position: absolute;
left: 0;
right: 0;
z-index: 99;
max-width: 100%;
margin: 0 auto;
}
.header-style5 .topbar {
background-color: transparent;
}
.header-style5 .logo {
text-align: left;
min-width:150px;
}
.header-style5 h1#site-title a {
color: #ffffff;
}
.header-style5 .menuwrap {
float: right;
margin-right: 30px;
padding-right: 20px;
display: inline-block;
}
.header-style5 .minicartbag-wg{
margin: 0;
display: block;
position: absolute;
right: 10px;
top: 25px;
}
.header-style5 .icn_wrap_align {
display: block;
position: absolute;
right: 0;
top: 50%;
}
.header-style5 .mini-cart .cart-contents {
color: #ffffff;
}
.header-style5 .sf-menu > li > a { padding:3.5em 0; margin: 0 1em; color: #f5f5f5; }
.header-style5 .header { background-color: transparent; }
.header-style5 .ivaSearch.icnalign { color: #ffffff; margin-top: -12px;}
/* ==== Header Style 5 ==== */
.header-default {
left: 0;
margin-top: 30px;
min-height: 0 !important;
position: absolute;
right: 0;
top: 0;
z-index: 9;
}
.default-header-widget {
display: table-cell;
vertical-align: middle;
}
/* Header Widget Area*/
.widget-left-s2 {
display:inline-block;
float: left;
width: 35%;
margin:0 auto;
text-align: left;
padding: 30px 0;
}
.widget-right-s2 {
display:inline-block;
float: right;
width: 35%;
margin:0 auto;
text-align: right;
padding: 30px 0;
}
.widget-left-s3 {
display:inline-block;
float: right;
margin:0 auto;
text-align: left;
padding: 30px 0;
}
.widget-left-s3-mobile { display: none; }
.icon-box-w_al { display: inline-block; margin-right: 6px; color: #26c369; }
.icon-box-w_ar { display: inline-block; margin-right: 6px; color: #26c369; }
.left-w .icon-box_widget { }
.right-w .icon-box_widget { margin: 0 0 0 auto}
.icon-box_widget {
position: relative;
margin-right: 25px;
display: inline-block;
padding-right: 25px;
padding-top: 6px;
}
.icon-box_widget:last-child {
border-right: none;
margin-right: 0;
padding-right: 0;
}
.icon-box-w_content {
position: relative;
}
.icon-box-w_title {
display: inline-block;
margin-bottom: 0;
font-size: 15px;
opacity: 0.7;
}
.icon-box-w_desc {
display: block;
font-weight: 600;
line-height: 24px;
}
/* ==== Fixed Header ==== */
.fixed-header {
position: fixed;
width: 100%;
height: 113px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
z-index: 3000;
background-color: #ffffff; /* IE Fall Back*/
background-color: rgba(255,255,255,1); /* Latest Browsers */
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/* #fixedheader .header-area {
display: flex;
align-items: center;
} */
#fixedheader .logo {
min-height: auto;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/* ==== Topbar ==== */
.topbar {
position: relative;
padding:0;
font-size:13px;
line-height: 40px;
overflow:hidden;
background-color:#e4ebef;
z-index: 9999999;
color: rgba(66, 95, 112, 0.71);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#boxed .topbar .inner { width: 100%; }
.topbar a { color: rgba(66, 95, 112, 0.71); }
.topbar a:hover { text-decoration: underline; }
.topbar p,
.topbar .one_half,
.topbar .one_third,
.topbar .two_third { margin-bottom: 0 !important; }
.topbar .iva_socials { display: inline-block; margin: 0 auto; padding: 0; }
.topbar .at-social-link { font-size: 12px;}
.topbar .one_half.last,
.topbar .two_third.last {
text-align: right;
}
.topbar .widget_nav_menu ul {
margin: 0;
padding: 0;
}
.topbar .widget_nav_menu ul li {
display: inline-block;
float: left;
padding: 0 6px;
}
.topbar .widget_nav_menu ul li {
font-size: 11px;
text-transform: uppercase;
}
.topbar-right aside { display: inline-block; float: right; }
/* ==== Topbar Right Nav (woocommerce topnav) ==== */
.iva_sub_nav{ float: right; }
.iva_sub_nav ul { overflow: hidden; margin: 0; }
.iva_sub_nav ul li {
float: left;
padding: 0 10px;
border:1px solid #eeeeee;
border-width:0 1px 0 0;
list-style: none;
}
.iva_sub_nav > ul > li:last-child,
.iva_sub_nav > div > ul > li:last-child { border:none; padding-right: 0; }
.iva_sub_nav > ul > li > a,
.iva_sub_nav > div > ul > li > a { color: #666666; text-decoration: none; }
.iva_sub_nav > ul > li > a:hover,
.iva_sub_nav > div > ul > li > a:hover { text-decoration: underline; }
/*=== Search Form Popup ====*/
#ivaSearchbar {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
background-color: #f7f7f7;
padding: 0;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
#ivaSearchbar:after {
clear: both;
content: "";
display: block;
}
.ivaInput[type="text"] {
width: 100%;
margin: 0 10px 0 0;
padding: 24px 10px;
font-size: 40px;
font-weight: 600;
border-width: 0 0 1px 0;
border-bottom: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
letter-spacing: -2px;
}
.ivaInput[type="text"]:focus{
-webkit-box-shadow: none;
box-shadow: none;
outline:0px !important;
-webkit-appearance:none;
}
.ivaInput input::-webkit-input-placeholder{
color: #444444;
}
.ivaInput input:-moz-placeholder{
color: #444444;
}
.icn_wrap{
display: table-cell;
vertical-align: middle;
margin: auto;
text-align: right;
}
.ivaSearch{
width: 30px;
height: 24px;
cursor: pointer;
}
.ivaSearch.icnalign {
color: #26c369;
line-height: 24px;
font-size: 14px;
text-align: right;
}
.search-close {
cursor: pointer;
font-size: 18px;
position: absolute;
top: 50%;
right: 0;
margin-top: -16px;
color: #26c369;
}
.search-close:hover i,
.ivaSearch:hover i { color: #444444; }
/* Default Search */
.search-box input[type="text"] {
width: 100%;
max-width: 100%;
margin: 0;
padding: 10px;
outline: 0;
border: none;
border-bottom: 2px solid #eeeeee;
-webkit-transition: all .35s ease-in-out; /* Safari 3.1 to 6.0 */
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.search-box input[type="text"]:focus {
border-bottom: 2px solid #26c369;
}
/*=== Sticky Bar ==== */
#sticky {
top: 0;
display: none;
position: relative;
width: 100%;
padding: 10px 0;
z-index: 1000;
background-color:#26c369;
color: #ffffff;
font-size: 12px;
text-align: center;
}
#sticky a { }
#sticky a:hover { text-decoration: underline; }
#boxed #sticky {
margin: 0 auto;
width: 100%;
max-width: 1160px;
}
#boxed #fixedheader {
max-width: 1280px;
}
.tarrow {
position:absolute;
right:10px;
z-index: 2000;
cursor:pointer;
font-size: 20px;
}
.iva-mini-cart {
display: table-cell;
margin: auto;
padding: 0;
position: relative;
vertical-align: middle;
}
#trigger {
color: #26c369;
}
/* ================================================================= */
/* 05. Primary Menu & Mobile Menu */
/* ================================================================= */
#iva-mobile-nav-icon {
width: 30px;
height: 25px;
position: relative;
margin: 50px auto;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#iva-mobile-nav-icon span{
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #585858;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#iva-mobile-nav-icon span:nth-child(1) { top: 0px; }
#iva-mobile-nav-icon span:nth-child(2),
#iva-mobile-nav-icon span:nth-child(3) { top: 10px; }
#iva-mobile-nav-icon span:nth-child(4) { top: 20px; }
#iva-mobile-nav-icon.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
#iva-mobile-nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#iva-mobile-nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#iva-mobile-nav-icon.open span:nth-child(4) {
top: 10px;
width: 0%;
left: 50%;
}
.iva-mobile-dropdown { display: none; }
.iva_mmenu .iva_menuicon,
.sf-menu .iva_menuicon { margin-right: 10px;}
.sf-menu { float: right; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li { float: left; }
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; margin-left: -10px;}
/* ==== Menu Properties ==== */
.sf-menu ul {
min-width: 14em; /* allow long menu items to determine submenu width */
}
.sf-menu a {
padding: 1em 1.3em;
font-size: 14px;
text-decoration: none;
color: #2a2a2a;
-webkit-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.sf-menu > li { background: transparent; }
.sf-menu > li:last-child { border-right: 0; padding-right: 0; }
.sf-menu > li > a, .primarymenu > li > a {
font-weight: 600;
text-transform: uppercase;
}
.sf-menu ul li a {
font-size: 13px;
letter-spacing: 0;
line-height: 24px;
padding: 2px 15px !important;
margin: 0;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.sf-menu ul{
padding: 10px;
background-color: #ffffff;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}
.sf-menu li a span {
display: block;
font-size: 11px;
font-weight: normal;
}
.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
}
.sf-menu li li a { }
.sf-menu ul a:hover { color: #999999; }
.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
color: #26c369;
}
.sf-menu li.current-menu-item > a,
.sf-menu li.current-menu-ancestor > a,
.sf-menu li.current-page-ancestor > a {
color: #26c369;
}
.sf-menu > li.current-menu-item,
.sf-menu > li.current-menu-ancestor,
.sf-menu > li.current-page-ancestor {
color: #26c369;
}
.sf-menu > li.current-menu-item:hover,
.sf-menu > li.current-menu-ancestor:hover,
.sf-menu > li.current-page-ancestor:hover {
color: #26c369;
}
.sf-menu li a span {
display: block;
font-size: 11px;
font-weight: normal;
}
/* Menu Top Border */
.sf-menu > li > a:after {
width: 0;
height: 3px;
position: absolute;
top: 0;
left: 50%;
content: '';
-webkit-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
background-color: #26c369;
}
.sf-menu > li > a:hover:after {
top: 0;
right:0;
}
.sf-menu > li.current-menu-item > a:after,
.sf-menu > li.current-menu-ancestor > a:after,
.sf-menu > li.current-page-ancestor > a:after,
.sf-menu > li > a:hover:before,
.sf-menu > li > a:hover:after {
width: 100%;
left: 0;
}
/***/
/* styling for both css and generated arrows
======================================================================== */
.sf-arrows .sf-with-ul:after {
position: relative;
content: '\f0d7';
font-family: 'FontAwesome';
font-size: 12px;
font-weight: normal;
right: 0;
top: 50%;
margin-left: 8px;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white;
/* IE8 fallback colour */
content: '\f0d8';
}
/* styling for right-facing arrows
======================================================================== */
.sf-arrows ul .sf-with-ul:after {
margin-top: -12px;
margin-right: 10px;
border-color: transparent;
border-left-color: #dfeeff;
/* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255, 255, 255, .5);
content: '\f0da';
font-family: 'FontAwesome';
font-size: 12px;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
/* Superfish Vertical Menu
======================================================================== */
/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
.sf-vertical { width: auto; min-width: 12em; }
.sf-vertical.sf-menu { float:none; }
.sf-vertical.sf-menu > li a { display:inline-block; padding: 0.6em; }
.sf-vertical.sf-menu ul li a { display:block; }
.sf-vertical ul { left: 100%; top: 0; text-align: left;}
.sf-vertical > li { float: none; text-align: center;}
.sf-vertical li { width: auto; }
/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
margin-top: -3px;
margin-right: -14px;
border-color: transparent;
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255,255,255,.5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
border-left-color: white;
}
/* Mobile Menu
======================================================================== */
.iva-mobile-menu {
display: none;
position: relative;
top: 0;
background-color: #252525;
padding: 0;
z-index: 99999;
}
.iva-mobile-menu > ul { margin: 0 auto; padding: 0; }
.iva_mmenu { display: table; margin:0 auto; }
.iva-mobile-menu ul li {
list-style:none;
}
.iva-mobile-menu.iva_mobile_container > ul > li:first-child {
padding-top: 10px;
}
.iva-mobile-menu.iva_mobile_container > ul > li:last-child {
padding-bottom: 10px;
}
.iva-mobile-menu.iva_mobile_container > ul > li:last-child a {
border-bottom: 0;
}
.iva-mobile-menu ul li a {
border-bottom: 1px dotted #555555;
position: relative;
display: block;
padding: 14px 0 !important;
font-size: 13px;
color: #999999;
-webkit-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.iva-mobile-menu ul li.current-cat > a,
.iva-mobile-menu ul li.current_page_item > a,
.iva-mobile-menu ul li.current-page-ancestor > a,
.iva-mobile-menu ul li.current-menu-ancestor > a,
.iva-mobile-menu ul li a:hover { color: #ffffff;}
.iva-mobile-menu ul li ul {
display: none;
margin-left: 20px;
}
.iva-children-indenter {
position: absolute;
right: 0;
top: 50%;
margin-top: -22px;
color:#999999;
}
.iva-children-indenter i { padding:14px; }
.iva-menu-open .iva-children-indenter { color:#26c369; }
/* ================================================================= */
/* Mega Menu Dropdown & Mobile Menu */
/* ================================================================= */
#iva_menu .iva-megamenu { position: inherit; }
.sf-mega a,
.sf-mega li a { color: #ffffff; opacity: 0.8; }
.sf-menu .sf-mega li a:hover,
.sf-menu .sf-mega li li a:hover { color: #ffffff; opacity: 1; }
.sf-menu .sf-mega-wrap {
max-width: 1160px;
width: 100%;
margin: 0 auto;
display: table;
table-layout: fixed;
}
.sf-mega {
background-color: #343434;
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
padding: 30px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.sf-mega-wrap { max-width: 1160px; width: 100%; }
.sf-mega ul { background: transparent; -webkit-box-shadow: none; box-shadow: none; }
.sf-mega-section {
display: table-cell;
padding: 0;
margin-right: 0;
}
.sf-mega-section:last-child{
margin-right: 0;
border-right: 0;
}
.sf-mega ul {
position: inherit;
margin: 0;
padding: 0;
border: 0;
min-width: 0;
display: block;
}
.sf-mega li {
margin-left: 0;
}
.sf-mega ul li a {
padding: 2px 0 !important;
}
.sf-mega .col_title {
font-size: 15px;
padding: 0;
font-weight: 600;
margin-bottom: 25px;
}
.sf-mega .mmcol-1 {
width: 100%;
padding: 15px 10px;
}
.sf-mega .mmcol-2 {
width: 50%;
padding: 15px 10px;
}
.sf-mega .mmcol-3 {
width: 33.33%;
padding: 15px 10px;
}
.sf-mega .mmcol-4 {
width: 25%;
padding: 15px 10px;
}
.sf-mega .mmcol-5 {
width: 20%;
padding: 15px 10px;
}
.iva_menu_icon { margin-right: 10px; }
/* === Sub Page Navigation === */
#sidebar .widget_nav_menu .menu,
.sub_nav {
position:relative;
margin: 0;
padding: 0;
list-style: none;
}
#sidebar .widget_nav_menu li ul,
.sub_nav li ul{
margin: 0;
padding: 0;
list-style: none;
}
#sidebar .widget_nav_menu li ul li a,
.sub_nav li ul li a{
background: #f5f5f5;
color: #999999;
padding: 9px 15px 9px 30px;
}
#sidebar .widget_nav_menu li a,
.sub_nav li a {
display: block;
padding: 10px 25px;
color: #666666;
}
#sidebar .widget_nav_menu li.current-menu-item a,
#sidebar .widget_categories li.current-cat a {
border-left:3px solid rgb(153, 11, 110);
}
#sidebar .widget_nav_menu .menu,
#sidebar .widget_categories ul {
background: #f5f5f5;
border-radius: 3px;
padding: 5px;
list-style: none;
margin: 0;
position: relative;
}
#sidebar .widget_nav_menu .menu li, #sidebar .widget_categories li {position: relative;}
#sidebar .widget_nav_menu .menu li:before {
background-color: #e0e0e0;
content: "";
height: 1px;
left: 15px;
right: 15px;
position: absolute;
top: -1px;
}
#sidebar .widget_nav_menu .menu li:first-of-type:before {height: 0px;}
#sidebar .widget_nav_menu .menu li.current_page_item:before, .menu-item:before {display: none;}
#sidebar .widget_nav_menu li a,
#sidebar .widget_categories li a {
color: #444444;
display: block;
margin: 1px 0;
padding: 12px 20px;
background-color:#ffffff;
font-size: 14px;
font-weight: 600;
}
#sidebar .widget_nav_menu li a:hover {
color: #333333;
text-decoration: none;
}
.menuinline li {
padding: 10px 15px;
border: 1px groove rgba(0,0,0,0.1);
border-width: 1px 0;
}
.nav-horizontal ul { margin: 0; padding: 0; list-style: none; }
.nav-horizontal ul li { margin: 2px 8px; float: left; }
.nav-horizontal ul li:first-child { margin-left: 0; }
.nav-horizontal ul li:last-child { margin-right: 0; }
/* Vertical Left Side Menu
======================================================================== */
.textwidget .services_icon1 {
font-size: 12px;
}
.sidemenu{
position: fixed;
top: 0;
left: 0;
padding:0;
width: 250px;
height: 100%;
z-index: 6;
background-color: #ffffff;
-webkit-box-shadow: 2px 0 4px 2px rgba(0,0,0,.15);
box-shadow: 2px 0 4px 2px rgba(0,0,0,.15);
}
.vertical_leftmenu .sidebar-left { margin-left: 250px; }
.boxed.vertical_leftmenu .sidebar-left { margin-left: 0; }
.boxed.vertical_leftmenu { padding-left: 250px; }
.vertical_leftmenu .inner { width: 94%; }
.sidemenu .vertical_footerbar { border: 0; position: absolute; bottom: 0; width: 100%; padding: 15px; line-height: 1.8; color:#777777; border-top: 1px solid #e1e1e1; }
.sidemenu .inner { width: 100%; text-align:center; }
.sidemenu .iva_socials i { float:none; font-size: 12px; }
.sidemenu .header-area { display: table; position: relative; width: 100%; }
.sidemenu .logo { padding: 50px 0; display: block; text-align: center; margin: 10px 0; }
.sidemenu .menuwrap { display: block; }
.sidemenu .alignright { float: left; text-align: left; }
.boxed .sidebar-left { margin: 0 auto; }
.iva_vertical_menu { padding:50px 0; }
/* Superfish Vertical Menu
======================================================================== */
/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
.sf-vertical { width: auto; min-width: 12em; }
.sf-vertical.sf-menu { float:none; margin: 0; }
.sf-vertical.sf-menu > li a { display:inline-block; padding: 0.6em; width: 100% }
.sf-vertical.sf-menu ul li a { display:block; }
.sf-vertical ul { left: 100%; top: 0; text-align: left; margin: 0px; padding: 20px; -webkit-box-shadow: none; box-shadow: none; }
.sf-vertical > li { float: none; text-align: center;}
.sf-vertical li { width: auto; }
.sf-vertical.sf-menu li.current-menu-item > a,
.sf-vertical.sf-menu li.current-menu-ancestor > a,
.sf-vertical.sf-menu li.current-page-ancestor > a,
.sf-vertical.sf-menu > li > a:hover {background: rgba(0,0,0,0.05); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.sf-vertical.sf-menu > li > a:after { height: 0px; }
/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
margin-top: -3px;
margin-right: -14px;
border-color: transparent;
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255,255,255,.5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
border-left-color: white;
}
/* ================================================================= */
/* 07. Recent Post and Recent Comments */
/* ================================================================= */
#sidebar .widget_recent_comments ul,
#sidebar .widget_recent_entries ul { margin: 0; }
#sidebar .widget_recent_comments ul li,
#sidebar .widget_recent_entries ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 5px;
padding-bottom: 15px;
margin-bottom: 10px;
padding-left: 0;
}
body .widget span.post-date {
display: block;
font-size: 13px;
opacity: 0.5;
margin-top: 1px;
}
/* ================================================================= */
/* 07. Sub Header */
/* ================================================================= */
#subheader {
position: relative;
margin: 0 auto;
z-index:4;
padding: 30px 0;
-webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,0.05);
box-shadow: inset 0 0px 5px rgba(0,0,0,0.05);
background-color: #252525;
-webkit-transition: height 500ms ease-in;
-o-transition: height 500ms ease-in;
transition: height 500ms ease-in;
}
.header_section #subheader,
.header_section .subheader_bg_image { background-image: none; background-color: transparent; }
/*==== only for webkit browsers ====*/
@media screen and (-webkit-min-device-pixel-ratio:0 ) {
#subheader { background-attachment: scroll !important; }
}
#subheader .page-title {
font-size: 30px;
margin-bottom: 0px;
line-height: 44px;
font-weight: 600;
color: #ffffff;
}
.subheader-inner {
position:relative;
display: table;
table-layout: fixed;
width: 100%;
max-width: 1160px;
margin: 0 auto;
z-index: 3;
}
.subheader_bg_image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.subheader_bg_overlay {
position: absolute;
top: 0;
background: #000000;
z-index: 2;
width: 100%;
height: 100%;
opacity: 0.6;
}
.subdesc { display: table-cell; padding-right: 50px; vertical-align: middle; }
#subheader .customtext {
position: relative;
font-size: 16px;
line-height: 24px;
margin-top: 30px;
opacity: 0.70;
margin: 10px 0 7px;
color: #ffffff;
}
#subheader .customtext ul { font-size: 20px; line-height: 20px;list-style: none; margin: 0; padding: 0; }
#subheader a { }
#subheader a:hover {}
#subheader.subdisabled { padding:5px 0;}
#subheader.sleft .customtext:after {
left: 0;
margin-left:0;
}
#subheader.sright .customtext:after {
left: auto;
right: 0;
margin-left:0;
margin-right: 0;
}
body.archive #subheader .customtext { margin-top: 0; }
body.archive #subheader .customtext:after { background: none; height: 0; }
.sright .subdesc,
.sleft .breadcrumb-main { text-align: right; }
.sleft .subdesc,
.sright .breadcrumb-main { text-align: left; }
.scenter .subdesc,
.scenter .breadcrumb-main {
text-align:center;
margin: 0 auto;
padding: 0;
display: block;
}
/*=== Breadcrumbs === */
.breadcrumb-wrap {
position: relative;
max-width: 1160px;
z-index: 4;
width: 100%;
}
.breadcrumbs { color: #252525; font-size: 12px; line-height: 22px; margin: 0 0 6px; position: relative; text-transform: capitalize;}
.breadcrumbs span { margin: 0 12px 10px 0;}
.breadcrumbs span span{ margin: 0;}
.breadcrumbs a { color: #252525; opacity: 0.7;}
.breadcrumbs a:hover { opacity: 1;}
.breadcrumbs > span i.fa { color: inherit; opacity: 0.7;}
.breadcrumb-main {
padding: 25px 0 15px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: none;
box-shadow: none;
}
.subheader-inner .breadcrumb-main { padding: 10px 0 0 0; }
#subheader .breadcrumb-main {
display: table-cell;
padding-left: 50px;
vertical-align: middle;
}
#subheader .breadcrumbs { color: #ffffff; }
#subheader .breadcrumbs a { color: #ffffff; }
/*=== Archives Page Title ====*/
.iva-main-title {
border-left: 3px solid #eeeeee;
margin-bottom: 50px;
padding: 3px 0 3px 12px;
line-height: 1em;
font-weight:400;
}
.sub_disabled .breadcrumb-wrap {
position:relative;
padding: 4px 2px;
font-size: 10px;
font-weight: bold;
line-height: 23px;
text-transform: uppercase;
z-index: 4;
}
/* ================================================================= */
/* 08. Footer */
/* ================================================================= */
/* Footer Columns */
#footer {
position:relative;
background-color: #252634;
background-size: cover;
font-size: 14px;
line-height: 22px;
font-weight: 300;
margin: 0 auto;
padding: 0;
color: #ffffff;
color: rgba(255,255,255,0.6);
}
.footer-area-top {
background-color: #26c369;
margin: 0 auto;
padding: 25px 0;
}
.footer-area-bottom {
background-color: #191b29;
color: #fff;
margin: 0 auto;
letter-spacing: 0.5px;
padding: 20px 0 18px 0;
}
.footer-area-top .widget,
.footer-area-bottom .widget {
margin: 0;
}
.footer-area-middle {
margin: 0 auto;
padding:60px 0 40px 0;
}
.footer-area-middle .inner-row {
margin-left: -15px;
margin-right: -15px;
}
.footer-area-middle .widget {
padding-left: 15px;
padding-right: 15px;
}
.footer-area-middle .widget a {
color: #ffffff;
opacity: 0.6;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.footer-area-middle .widget a:hover {
color: #ffffff;
opacity: 1;
text-decoration: none;
}
#footer a {
color: #ffffff;
opacity: 0.6;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#footer a:hover {
opacity: 1;
text-decoration: none;
}
#footer .widget ul,
#footer .widget ol { list-style: outside none none; margin-left: 0; }
/*=== Copyright ==== */
.copyright {
background-color: #191b29;
padding: 15px 0;
position: relative;
}
.copyright p { margin-bottom: 0; }
.copyright_left {
float: left;
width: 50%;
text-align: left;
line-height: 35px;
}
.copyright_right {
float: right;
width: 50%;
text-align: right;
line-height: 35px;
}
.copyright a { color:#ffffff; opacity: 0.7; }
.copyright a:hover { color:#ffffff; opacity: 1; }
.at-footer-branches {
margin-left: 5px;
font-size: 12px;
padding: 5px 12px;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
border-radius: 3px;
}
.at-footer-branches:after {
content: '\f106';
font-family: 'Fontawesome';
margin-left: 10px;
}
.at-footer-branches.at-toggleOpen:after {
content: '\f107';
}
#footer a.at-footer-branches {
color: #ffffff;
}
.footer-branches {
position: relative;
padding: 40px 0;
}
.footer-branches .widget-title { display: none; }
/* ================================================================= */
/* 09. Widgets & Sociables */
/* ================================================================= */
.widget { margin: 0 0 45px 0; }
.widget ul,
.widget ol {
margin: 0 0 1.75em 1.3em;
list-style: none;
}
.widget ul ul,
.widget ol ol {
margin: 0 0 0 1.25em;
padding: 0;
}
.widget ul ul { margin-bottom: 0; }
.widget ul li {
background-repeat: no-repeat;
word-wrap: break-word;
}
.widgettitle,
.widget-title {
font-size: 1em;
line-height: 1.1em;
margin: 0 0 15px 0;
vertical-align: middle;
color:#222222;
}
#footer .widgettitle,
#footer .widget-title {
color:#ffffff;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 26px;
margin-bottom: 30px;
}
#sidebar select {
padding: 8px 5px;
width: 100%;
}
.widget a { color: #26c369; }
.widget a:hover { color: #666666; }
/*=== Comments === */
/**
* 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 {
height: auto;
}
img.size-full,
img.size-large,
.wp-post-image,
.entry-content img,
.post-thumbnail img {
height: auto;
max-width: 100%;
}
/*=== Text Widget Order List Items ==== */
.textwidget ol {
counter-reset: li; /* Initiate a counter */
list-style: none; /* Remove default numbering */
padding: 0;
margin-bottom: 4em;
}
.textwidget ol ol {
margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
/*=== Sociables ==== */
.iva_socials { list-style:none; margin:0; padding:0; }
.iva_socials li a,
.iva_socials li a:hover { color: rgba(255, 255, 255, 0.70) !important; }
.iva_socials li {
display: inline-block;
margin: 0 2px;
padding: 1px;
text-align: center;
width: 30px;
height: 30px;
line-height: 32px;
cursor: pointer;
vertical-align: middle;
border-radius: 50px;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.iva_socials .facebook { background-color:#3B5998; }
.iva_socials .twitter { background-color:#00A0D1; }
.iva_socials .beatport { background-color:#B6DD36; }
.iva_socials .dribbble { background-color:#ea4c88; }
.iva_socials .flickr { background-color:#FE0883; }
.iva_socials .deviant { background-color:#5C7062; }
.iva_socials .blogger { background-color:#FF8833; }
.iva_socials .google-plus { background-color:#C63D2D; }
.iva_socials .linkedin { background-color:#0077b5; }
.iva_socials .instagram { background-color:#b77f5f; }
.iva_socials .pinterest-p { background-color:#910101; }
.iva_socials .reddit { background-color:#6CC0FF; }
.iva_socials .rss { background-color:#FA9B39; }
.iva_socials .stumbleupon { background-color:#EB4924; }
.iva_socials .soundcloud { background-color:#FE531B; }
.iva_socials .tumblr { background-color:#34526F; }
.iva_socials .youtube { background-color:#C4302B; }
.iva_socials .vimeo-square { background-color:#0caed4; }
.iva_socials .digg { background-color:#910101; }
.iva_socials .adn { background-color:#cc0001; }
.iva_socials .android { background-color:#77c159; }
.iva_socials .behance { background-color:#1377ff; }
.iva_socials .delicious { background-color:#0000ff; }
.iva_socials .lastfm { background-color:#d20039; }
.iva_socials .skype { background-color:#02b4eb; }
.iva_socials .whatsapp { background-color:#2db11f; }
.iva_socials .yahoo { background-color:#65106e; }
.iva_socials .yelp { background-color:#b4282e; }
.iva_socials .vk { background-color:#4c75a3; }
.iva_socials .paypal { background-color:#00488c; }
.iva_socials .dropbox { background-color:#3277e3; }
.iva_socials .deviantart { background-color:#04CC47; }
.iva_sociables_black li:hover { background-color:#222222; }
ul.atpsocials li.facebook:hover{ background-color: #3B5998}
ul.atpsocials li.linkedin:hover { background-color: #0077b5;}
ul.atpsocials li.twitter:hover {background-color: #00A0D1; }
ul.atpsocials li.youtube:hover { background-color: #C4302B;}
ul.atpsocials li:hover a {color: #ffffff;}
ul.atpsocials li a {color: #3b3b3b;}
.iva_socials li a:hover { color:#ffffff; }
ul.atpsocials li { margin: 0 3px 3px 0;line-height: 24px;}
.at-social-link {
color: #444444;
border-radius: 3px;
display: inline-block;
font-size: 16px;
height: 24px;
line-height: 24px;
margin-right: 0;
padding: 2px;
text-align: center;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 24px;
}
.at-social-link:hover {
}
/* ================================================================= */
/* 10. Blot Post */
/* ================================================================= */
.entry-title a { color: #22222b; }
.entry-title a:hover { text-decoration: none;}
.singlepost .entry-content > p:nth-child(1) { font-size: 21px; }
.singlepost .entry-content > p:first-of-type:first-letter {
float: left;
margin: 10px 10px 0 0;
font-size: 60px;
font-weight: bold;
line-height: 45px;
color: #26c369;
}
.entry-meta > span {
display: inline-block;
font-size: small;
}
.entry-meta > span a { color: #222;}
.entry-meta > span a:hover { text-decoration: underline; }
.entry-meta > span:after {
content: "";
margin: 0 15px;
font-size: 14px;
border-right: 1px dotted rgba(0,0,0,0.15);
}
.entry-meta span:last-child:after { border-right: 0; }
.entry-meta span.iva-love-count::after { margin: 0; }
.entry-meta span.iva-pm-featured:after { content: ""; }
.post-password-form { position: relative; }
.post-password-form > :last-child {
margin-bottom: 0;
}
.post-password-form input[type="password"] {
position: relative;
width: 100%;
}
.post-password-form input[type="submit"] {
padding: 0.7917em;
position: absolute !important;
right: 0;
bottom: 0;
}
article.post:not(.singlepost, .at-blog-list-v1) {
margin-bottom: 40px;
}
article.post:not(.singlepost) .postimg {
position: relative;
display: inline-block;
width: 40%;
float: left;
margin: 0 4% 0 0;
}
article.singlepost .postimg {
margin: 0 0 30px 0;
}
article.post .postimg-flat {
display: block;
width: 100%;
margin: 0 0 2% 0;
}
.iva-post-content {
position: relative;
overflow: hidden;
}
article.post:not(.singlepost) {
overflow: hidden;
padding-bottom: 15px;
margin-bottom: 15px;
}
.page-template-template-blog article.post:not(.singlepost) {
margin-bottom: 40px;
}
article.post:last-child {
border: 0;
}
.entry-header .entry-title {
margin: 0 0 10px 0;
font-size: 32px;
line-height: 38px;
padding-bottom: 10px;
font-weight: 600;
letter-spacing: -1px;
border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
color: #222222;
}
.leftsidebars article.post .entry-content,
.leftsidebars article.post .postimg,
.leftsidebars article.post .entry-header { margin-left:40px; }
.rightsidebars article.post .entry-content,
.rightsidebars article.post .postimg,
.rightsidebars article.post .entry-header { margin-right:40px; }
article.hentry .entry-header,
article.post .entry-header { padding-bottom:2%; }
article.post .more-link { display:table; margin-top:20px; }
article.post .more-link:hover { text-decoration: none; color: #222;}
.post .sub-title {
margin-bottom: 0;
color: #B2B2B6;
position: relative;
}
.post .quote {
padding:20px;
background: #FFFFFF;
font-size: 18px;
font-style: italic;
line-height: 30px;
margin: 0;
font-family: Georgia, Times, Serif;
border-radius: 3px;
}
.post .quote span {
display: block;
font-size: 14px;
color: #999;
text-align: left;
}
.post .quote span:before { content: "\2014 \00A0"; }
.post_desc_holder { margin: 0 0 50px 0; }
.post_desc .entry-title { margin-bottom: 5px; }
.post_desc .more-link { margin-top: 5px;}
.entry-content .wp-audio-shortcode { margin-bottom: 20px; }
.iva-search-restult { padding: 30px 0; }
/* Read More Link */
/*====================================*/
.comment-reply-link:hover::after,
.more-link:hover::after,
.read_more:hover span:after {
content: '\f105';
font-family: "FontAwesome";
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
right: -15px;
opacity: 1;
position: absolute;
line-height: 21px;
}
.comment-reply-link::after,
.more-link::after,
.read_more span:after {
content: '\f105';
font-family: fontawesome;
position: absolute;
right: -5px;
opacity: 0;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.comment-reply-link,
.more-link,
.read_more span {
position: relative;
font-weight: 600;
font-size: 14px;
color: #343434;
}
.more-link { margin-top: 20px; }
/*=== Hover Image ==== */
.hoverimg, .view, .sort_img { position: relative; }
.hoverimg img, .view img {
max-width:100%;
height:auto;
display: block;
border-radius: 3px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.layout-half .postimg { width: 65%; float: left; display: inline; margin-right: 5%; }
.layout-half .two_third, .layout-half .one_third { width: 100%; margin-right: 0; float: none; }
/*=== Post Single Pagination === */
.singlepostlists {
overflow: hidden;
margin: 0 0 20px;
padding: 20px 0;
}
.singlepostlists ul { margin:0; padding:0; }
.singlepostlists li {
background-position: 0 8px;
display: inline-block;
margin: 0 0 5px 0;
padding: 0;
}
/* Related Posts Single Post */
.iva-related-posts {
padding-top: 50px;
}
.iva-related-posts ul {
margin-bottom: 0;
}
.iva-related-posts a:hover {
color:#000000;
}
.related-date {
display: inline-block;
background-color: rgba(0,0,0,0.07);
padding: 0px 8px;
font-size: small;
border-radius: 3px;
}
/*=== Custom Select Wrapper ==== */
.select_wrapper { background-color: #fff; }
.select_wrapper:hover { background-color: #fff; border-color: #bbb #eee #eee #bbb; color: #333; }
.select_wrapper span { height: 26px; line-height: 26px; position: absolute; z-index: 0; padding-left: 3px; }
select.select { cursor: pointer; height: 28px; margin: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; padding: 0; position: relative; width: 100%; z-index: 4; }
/*=== Pagination ==== */
.paging-navigation { margin-bottom:30px; }
.pagination { line-height: 38px;}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active,
.pagination span.current {
padding: 8px 14px;
margin: 0 2px;
font-size:16px;
font-weight: bold;
color: #26c369;
border: 2px solid transparent;
text-decoration: none;
}
.pagination a:hover, .pagination span.current { border-color: #26c369; color: #26c369;}
.pagination span.extend { color: #919191; float: right; font-size: 11px; line-height: 35px;}
/*=== Page links ===*/
.page-links {
clear: both;
font-size: 12px;
font-weight: 900;
line-height: 2;
margin: 24px 0;
text-transform: uppercase;
}
.page-links a,
.page-links > span {
display: inline-block;
height: 30px;
margin: 0 2px 2px 0;
text-align: center;
width: 30px;
font-size:12px;
line-height:28px;
border-radius: 3px;
}
.page-links a {
background: #444444;
border: 1px solid #444444;
color: #fff;
text-decoration: none;
}
.page-links a:hover {
background: #222222;
border: 1px solid #222222;
color: #999999;
}
.page-links > .page-links-title {
height: auto;
margin: 0;
padding-right: 7px;
width: auto;
}
/*=== Next Previous Navigation ===*/
.iva-np-headwrap {
display: table;
min-height: 100px;
margin: 0 0 40px 0;
background-color: #FFFFFF;
width:100%;
position:relative;
}
.iva-np-allitems {
background-color: #FFFFFF;
display: table-cell;
width: 100px;
min-height: 100px;
vertical-align: middle;
z-index: 2;
text-align: center;
-webkit-box-shadow: inset 0px 0px 0px 10px rgba(235,235,235,1);
box-shadow: inset 0px 0px 0px 5px rgba(235,235,235,1);
border-radius: 20px;
}
.iva-np-allitems a { color: #666666; margin: auto; vertical-align:middle; }
.iva-np-title { display:table-cell; vertical-align:middle; margin: 0 auto; text-align: center; z-index:1; }
.iva-np-title h2 { margin-bottom: 0; font-weight: bold;}
.iva-np-navs {
display: table-cell;
width: 100px;
min-height: 100px;
background-color: #FFFFFF;
z-index: 3;
-webkit-box-shadow: inset 0px 0px 0px 10px rgba(235,235,235,1);
box-shadow: inset 0px 0px 0px 5px rgba(235,235,235,1);
border-radius: 20px;
}
.iva-np-pagination { vertical-align:middle; margin: auto; display:table; }
.iva-np-pagination i { padding:38px 17px; }
.iva-np-pagination a { display:table-cell; color:#666666; }
.iva-np-pagination a:hover { color:#26c369 }
/*=== Author Info Box === */
#about-author {
background-color: #f5f5f5;
margin-top: 50px;
padding: 30px 25px;
border-width: 1px 0;
}
.author_containter { position: relative; }
.author-avatar {
float: left;
margin: 0 25px 0 0;
}
.author-description p { margin-bottom: 0px; color: #222; font-size: 13px;line-height: 24px; }
#about-author h4 { font-weight: 600; margin-bottom: 7px; font-size: 18px; }
.author-description { overflow: hidden; }
/*=== Share this post ==== */
.sharing-box {
display: table;
width: 100%;
padding: 15px 0;
margin-top: 40px;
border: 1px solid rgba(0,0,0,0.07);
border-width: 1px 0 1px 0;
}
.sharing-box h4 {
display: table-cell;
font-size: 14px;
vertical-align: middle;
margin-bottom: 0px;
letter-spacing: 0.2em;
}
.sharing-box-ico {
display: table-cell;
vertical-align: middle;
float: right;
font-size: 11px;
margin: 0;
list-style: none outside none;
}
.sharing-box-ico li{
display: inline-block;
position: relative;
padding:0 20px;
margin: 0;
border-left: 1px solid rgba(0,0,0,0.07);
}
.sharing-box-ico li:first-child { border: none; }
.sharing-box-ico li a { color: #999999; }
.sharing-box-ico li a:hover { color: #222222; }
/*=== Comments ==== */
.comments-title { font-size: 22px; }
.comment-list { list-style: none; margin: 0 0 48px 0; }
.comments-area { padding-top: 50px; }
.comments-area .comment-body { position: relative; padding-top:30px; padding-bottom:30px; border-bottom: 1px solid #eeeeee; }
.comment-edit-link { margin-left:10px;}
.comments-area .comment-author { position: relative; display:block; font-size:14px; }
.comments-area .comment-author .avatar { float:left; margin-right:21px; }
.comments-area .comment-content { clear:both; margin-top:20px; padding-left: 80px;}
.comment-meta .fn { font-style: normal; font-weight: bold; }
.comment-list .reply,
.comment-metadata {
font-size: 12px;
}
.comment-author a {
color: #2b2b2b;
}
.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
color: #767676;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
color: #26c369;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 24px;
padding-top: 24px;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
border-top: 0;
}
.comment-content {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 24px 22px;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .children {
list-style: none;
margin-left: 30px;
}
.comment-respond { margin-top: 50px; }
.comment-reply-title { font-size: 20px;}
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
color: #767676;
}
.comment-awaiting-moderation,
.logged-in-as {
font-size: 14px;
line-height: 1.7142857142;
}
.no-comments {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
margin-top: 24px;
text-transform: uppercase;
}
.comment-form label {
display: block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
font-size: 12px;
line-height: 1.5;
}
.required {
color: #c0392b;
}
.comment-reply-title small a {
color: #2b2b2b;
float: right;
}
.comment-reply-title small a:hover {
color: #26c369;
}
/* Post Navigation */
.navigation-section { padding-top: 50px; }
.post-navigation {
background-color: #fff;
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
font-weight: 700;
}
.post-navigation a {
display: block;
padding: 2% 1%;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1rem;
letter-spacing: 0.04em;
line-height: 1.5;
position: relative;
text-transform: uppercase;
z-index: 2;
}
.post-navigation .post-title {
font-size: 18px;
font-size: 1.5rem;
line-height: 1.3333;
position: relative;
z-index: 2;
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
background-position: center;
background-size: cover;
position: relative;
}
.post-navigation a:before {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.post-navigation a:hover:before,
.post-navigation a:focus:before {
opacity: 0.5;
}
.post-navigation .meta-nav {
opacity: 0.7;
}
.post-navigation div + div {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
/* Comment Navigation */
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/* Comment Form */
.post-password-form input[type="password"],
.comment-form input[type="text"],
.comment-form textarea {
margin-bottom: 0px !important;
background-color: rgba(0,0,0,0.05);
border: 1px solid #eeeeee;
border-color:#cccccc #eeeeee #eeeeee #cccccc;
padding: 8px;
border-radius: 3px;
-webkit-transition: all 300ms ease-in 0s;
-o-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
.post-password-form input[type="password"]:focus,
.comment-form input[type="text"]:focus,
.comment-form textarea:focus {
border-color:#cccccc #eeeeee #eeeeee #cccccc;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
}
.comment-form textarea { width:100%; }
/*=== Recent Posts and Popular Posts ==== */
.widget_postslist { padding: 0; }
.widget_postslist ul { margin: 0; padding: 0; }
.widget_postslist ul li {
padding:10px 0 !important;
list-style:none;
}
#footer .widget_postslist ul li {
border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}
.widget_postslist li:first-child { padding-top:10px; }
.widget_postslist li:last-child { background: none; }
.widget_postslist p {
font-size: 13px;
margin-top: 3px;
padding: 0;
margin-bottom:0px;
}
.widget_postslist li .thumb {
display: inline-block;
float:left;
padding-right: 15px;
width: 35%;
}
.textright.widget_postslist li .thumb {
float: right;
margin: 0 0 0 10px;
}
.widget_postslist li .w-postmeta {
font-size: 12px;
}
.widget_postslist li .w-postmeta:before {
font-family: fontawesome;
content: "\f017";
padding-right: 8px;
color: #26c369;
font-size: 14px;
}
.widget_postslist li .pdesc{
overflow: hidden;
line-height: 131%;
}
.widget_postslist li .pdesc a{ font-weight: 600; }
.widget_postslist li .pdesc a:hover {
color: #26c369 !important;
}
/*=== Mail Chimp Widget CSS === */
#footer .mc4wp-form {
margin-top: 15px;
position: relative;
}
#footer .mc4wp-form p {
margin-bottom: 0;
}
#footer .mc4wp-form input {
border: medium none;
font-size: 14px;
height: 45px;
}
#footer .mc4wp-form input[type="email"] {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
width: 97%;
padding: 8px 12px;
}
#footer .mc4wp-form input[type="submit"] {
border-radius: 0 2px 2px 0;
color: #fff;
font-family: inherit;
height: 45px;
padding: 0 15px;
position: absolute;
right: 0;
text-transform: capitalize;
top: 0;
}
/*=== Wordpress Tags Cloud === */
.widget.widget_tag_cloud .tagcloud, .widget.widget_product_tag_cloud .tagcloud { font-size: 0; }
.widget.widget_tag_cloud .tagcloud a, .widget.widget_product_tag_cloud .tagcloud a {
display: inline-block;
vertical-align: top;
padding: 3px 10px 3px;
font-size: 13px !important;
color: #777;
border: 1px solid #e2e2e2;
border-radius: 2px;
margin: 0 6px 7px 0;
text-decoration: none;
text-transform: lowercase;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:active,
.widget.widget_product_tag_cloud .tagcloud a:hover,
.widget.widget_product_tag_cloud .tagcloud a:active {
background-color: #26c369;
color: #fff;
border: 1px solid #26c369;
text-decoration: none;
}
.singlepost .tagcloud a {
background-color: #26c369;
color: #ffffff;
border: 1px solid transparent;
display: block;
float: left;
opacity: 0.5;
margin: 5px 5px 0 0;
padding: 0px 8px;
border-radius: 3px;
font-size: small;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.singlepost .tagcloud a:hover { opacity: 1;}
.taglist { margin:0; padding:0; border: none;}
.emptybg {
display: block;
height: 40px;
color: #000000;
padding-top: 20px;
position: relative;
text-align: center;
background: none repeat scroll 0 0 #f5f5f5;
border-radius: 3px;
}
/* Third Party Plugins Custom CSS
* Do not edit below css unless you know what you are doing
/*=================================================================*/
/* 11. Testimonials page */
/*=================================================================*/
.testimonial_sub input.txtfield,
.testimonial_sub textarea{
margin-bottom: 0px !important;
background-color: #ededed;
border: 1px solid #dddddd;
border-color:#cccccc #eeeeee #eeeeee #cccccc;
padding: 8px;
font-size: 12px;
border-radius: 2px;
-webkit-transition: all 300ms ease-in 0s;
-o-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
.testimonial_sub input.txtfield:focus,
.testimonial_sub textarea:focus{
background-color: #ffffff;
border-color:#cccccc #eeeeee #eeeeee #cccccc;
-webkit-box-shadow: 0 0 2px 1px #26c369;
box-shadow: 0 0 2px 1px #26c369;
}
.select_wrapper span,
.select_wrapper span {
height: 26px;
line-height: 26px;
position: absolute;
z-index: 0;
padding-left: 10px;
}
select.select {
position: relative;
cursor: pointer;
margin: 0;
padding: 0;
width: 100%;
height: 28px;
z-index: 4;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
select :disabled {
background-color: red;
}
.events-page { padding-top:40px; padding-bottom:40px; }
/* Gallery
======================================================================== */
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: block;
}
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: calc(11.1% - 4px);
}
.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-caption {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
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;
}
/* ================================================================= */
/* 12. Contact Info */
/* ================================================================= */
#footer .contactinfo-wrap,
#footer .contactinfo-wrap .details,
#footer .contactinfo-wrap p { border: 0; margin-bottom: 8px; }
.contactinfo-wg { margin-bottom:40px; }
.contactinfo-wrap {
position:relative;
border-style:solid;
border-color: inherit;
}
.contactinfo-wrap p {
margin-bottom: 8px;
padding: 0;
}
.contactinfo-wrap .icon {
display:inline-block;
width: 40px;
vertical-align: top;
line-height: 22px;
}
.contactinfo-wrap .details {
display: inline-block;
}
#footer .contactinfo-wrap .icon {
color: #26c369;
}
/* ================================================================= */
/* 14. ToolTip */
/* ================================================================= */
.iva_tip,
.labora_tip { position: relative; font-size: 16px;}
/*.ttip {
display: none;
position: absolute;
top: -40px;
padding: 0.5em 1em;
font-size: 13px;
white-space: nowrap;
background: #22222b;
color: #D1D1DE;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 99;
}*/
.sharing-box-ico .ttip {
bottom: 25px;
}
.ttip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -6px;
border-top-color: inherit;
border-top: 6px solid #333333;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
/* ================================================================= */
/* 15. WP Defaults */
/* ================================================================= */
/**
* Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/* ================================================================= */
/* 16. Miscellaneous CSS */
/* ================================================================= */
/*==== Back to top ==== */
#back-top {
position: fixed;
bottom: 70px;
right: 20px;
z-index: 999;
}
/* arrow icon (span tag) */
#back-top span {
display: block;
padding: 3px;
width: 40px;
height: 40px;
border-radius: 50px;
background-color:#26c369;
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
}
#back-top a { color:#ffffff;}
#back-top a:hover { color:#f5f5f5; }
/*==== 404 Error ==== */
.wrap404 {
background-color: #FFFFFF;
}
.error_404 {
position: relative;
margin: 100px auto;
display: table;
width: 100%;
max-width: 1160px;
text-align: center;
}
.error_404 h2 {
font-size: 120px;
line-height: 100px;
margin-bottom: 50px;
}
.error_404 h5 {
font-size: 22px;
line-height: 25px;
margin-bottom: 10px;
}
body.error404.logged-in {
background-image: none;
background-color: #FFFFFF;
}
/*==== Hide-Spearch Popup Box === */
.act{
display:none;
}
/* Widgets:INSTAGRAM FEEDS
-------------------------------------------------------------------- */
.iva_instagram__wrap { position: relative;}
.iva_instagram__inner {
position: absolute;
top: 40%;
left: 0;
right: 0;
max-width: 1100px;
margin: 0 auto;
z-index: 2;
}
.iva_instagram__content {
text-align: center;
color:#ffffff;
}
.iva_instagram .one_fifth {
width: 20%;
margin:0 !important;
}
.iva_instagram {
margin: 0;
padding: 0;
list-style: none;
}
.iva_instagram li {
display: inline-block;
float: left;
width: auto;
background-color:#000000;
}
.iva_instagram li img {
max-width: 100%;
width: auto;
opacity: 0.5;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.iva_instagram li img:hover {
opacity: 1;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none
}
.iva_instagram li a { display: block; }
.iva_instagram li { margin: 0; padding: 0; }
.iva_instagram_title { font-size: 50px; line-height: 52px; color:#ffffff; letter-spacing: -2px; }
.iva_instagram_desc { font-size: 18px; color:#ffffff; font-weight: 300;}
.iva_instagram_desc a { color:#ffffff; opacity: 0.7; }
.iva_instagram_desc a:hover { opacity: 1; }
/* Page Loader
-------------------------------------------------------------------- */
.labora_page_loader {
position:fixed;
display:block;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999;
text-align: center;
background-image: url('../images/svg-loaders/grid.svg');
background-repeat: no-repeat;
background-color: #22222b;
background-position: center center;
background-size: 30px 30px;
}
.vc_column_container { min-height: 0px;}
/* Map
-------------------------------------------------------------------- */
.iva_map { width:100%; }
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
padding-top: 0 !important;
}
.header-style5 .sf-menu > li > a,
.header-style5 .primarymenu > li > a {
color: #ffffff;
}
.opac60 { opacity: 0.7; }
.iva_frontpage .speaker-title a { color: #FFFFFF; }
.iva_frontpage .speaker-desc > span { color: #FFFFFF; }
/*=================================================================*/
/* Contact Form 7 Styling */
/*=================================================================*/
.wpcf7 .email-subscription {
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 45px;
}
.vacancy_data_list{
padding: 20px;
position: relative;
margin:10px 5px;
display: inline-block;
}
.vacancy_data_desc .info{
margin-right:30px;
margin-left:30px;
position: relative;
display:inline-block;
font-size:12px;
line-height:15px;
}
.info .vacancy_data_i {
margin-right:6px;
display: inline-block;
}
.info .vacancy_data_title{
line-height: 15px;
}
.info .vacancy_data_desc{
display:block;
line-height:15px;
}
/* Footer Columns */
.footer-area-middle .col_1,
.footer-area-middle .col_2,
.footer-area-middle .col_3,
.footer-area-middle .col_4,
.footer-area-middle .col_5,
.footer-area-middle .col_6,
.footer-area-middle .col_7,
.footer-area-middle .col_8,
.footer-area-middle .col_9,
.footer-area-middle .col_10,
.footer-area-middle .col_11,
.footer-area-middle .col_12 { display:inline-block; vertical-align: top; float: left; margin-bottom: 15px; }
.footer-area-middle .col_1 { width: 8.33333%; }
.footer-area-middle .col_2 { width: 16.66667%; }
.footer-area-middle .col_3 { width: 25%; }
.footer-area-middle .col_4 { width: 33.33333%; }
.footer-area-middle .col_5 { width: 41.66667%; }
.footer-area-middle .col_6 { width: 50%; }
.footer-area-middle .col_7 { width: 58.33333%; }
.footer-area-middle .col_8 { width: 66.66667%; }
.footer-area-middle .col_9 { width: 75%; }
.footer-area-middle .col_10 { width: 83.33333%; }
.footer-area-middle .col_11 { width: 91.66667%; }
.footer-area-middle .col_12 { width: 100%; }
/* Gallery Single Page*/
.custompost_details { overflow:hidden; }
.labora-title { font-size: 28px; margin-bottom: 5px;}
.labora-title span { font-size: 18px;}
.hover_type { display: none; position: absolute; z-index: 10; left: 50%; margin-left:-30px; top:50%; margin-top:-30px; }
.hover_type a {
position: absolute;
top: 0;
width: 60px;
height: 60px;
border-radius:100%;
background-color: #333333;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hover_type.selected {
display: block !important;
opacity: 1 !important;
}
.hover_type a.hovergallery { background-image: url('../images/icon_gallery.png'); }
.hover_type a.hoverimage { background-image: url('../images/icon_image.png'); }
.hover_type a.hovergallery:hover, .hover_type a.hoverimage:hover { background-color:#26c369; }
/*Form CSS*/
textarea, select, input[type="text"], input[type="email"], input[type="password"] {
display: block;
width: 100%;
color: #5f5f5f;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 10px;
background-color: #ededed;
border: 1px solid #dddddd;
border-color: #cccccc #E7E7E7 #E7E7E7 #cccccc;
overflow: hidden;
margin-top: 5px;
margin-bottom: 15px;
outline: 0;
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="email"]:focus, input[type="password"]:focus {
background-color: #ffffff;
-webkit-box-shadow: inset 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 200ms ease-in 0s;
-o-transition: all 200ms ease-in 0s;
transition: all 200ms ease-in 0s;
}
input[disabled] {
pointer-events: none;
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.has-error {
border-bottom: 2px solid #cc2a2a !important;
}
.iva_message_box {
background-color: #f6f6f6;
border-color: #e1e1e1;
margin: 20px 0;
position: relative;
text-align: center;
}
.iva_message_box.iva-box-large {
padding: 35px;
}
.iva_message_box.iva-box-solid {
border: 2px solid;
}
.iva_message_box.success, .iva_message_box.success a {
color: #4F5F39;
border-color: #b0cbaa;
background-color: #d7f8cf;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
/*=================================================================*/
/* 08. Shortcodes */
/*=================================================================*/
.rightsidebar #sidebar .content {
padding: 80px 0 50px 40px;
border-left: 1px solid #e1e1e1;
margin-left: -1px;
}
.rightsidebar .sub_nav li.current_page_item > a {
background-image: url(../images/sub_arrowleft.png);
background-position: 10px center;
background-repeat: no-repeat;
}
.sticky-sidebar .rightsidebar .sub_nav li > a:hover {
/*background-color: #ccc;*/
}
.sticky-sidebar .sub_nav li.current_page_item > a {
color: #FFFFFF;
background-color: #26c369;
}
.sub_nav li a {
display: block;
padding: 10px 30px;
border: 1px solid #e8e8e8;
border-bottom-color: #eeeeee
}
.btn-group button {
background-color: #4CAF50; /* Green background */
border: 1px solid green; /* Green border */
color: white; /* White text */
padding: 14px 24px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */
float: left; /* Float the buttons side by side */
}
/* Clear floats (clearfix hack) */
.btn-group:after {
content: "";
clear: both;
display: table;
}
.btn-group button:not(:last-child) {
border-right: none; /* Prevent double borders */
}
/* Add a background color on hover */
.btn-group button:hover {
background-color: #3e8e41;
}
.one_fourth.sect {
width: 100%;
}
@media (min-width: 320px) and (max-width: 480px)
{
.btn-group button {
width: 100% !important;
margin-bottom: 5px;
}
}