/*
Theme Name: Citius AG
Theme URI: http://www.citius.ch
Author: Andreas Reinhard
Author URI: http://www.citius.ch
Description: Modified Ample Pro 1.0 Template
Version: 1.0
*/
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css")
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
2.1 Headings
2.2 Others
3.0 Elements
3.1 Superscript and Subscript
3.2 Table
3.3 Lists
3.4 Blockquote
3.5 Others
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Primary Menu
5.3 Primary Menu Dropdown
5.4 Responsive Menu
5.5 One Page Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
9.1 Captions
9.2 WordPress Gallery Support
10.0 Extras
10.1 Featured Slider
10.2 Search Design
10.3 Page Header Title
10.4 Header Top Bar
10.5 Social Links
11.0 Widgets
11.1 Widgets General CSS
11.2 Services Widget
11.3 Call to Action Widget
11.4 Featured Posts Widget
11.5 Portfolio Widget
11.6 Testimonial Widget
11.7 Our Clients Widget
12.0 Plugins Support
12.1 Breadcrumb NavXT
12.2 WP-PageNavi
13.3 WooCommerce
13.0 Content
13.1 Body
13.2 Header
13.3 Primary, Secondary & Tertiary Content Area
13.4 Content Columns
13.5 Posts and Pages
13.6 Pagination
13.7 Comments
13.8 Footer
13.8.a Footer General CSS
13.8.b Footer Widget Area
13.8.c Footer Copyright Info
13.8.d Footer menu
13.8.e Scroll to Top
14.0 Responsive Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
outline: 0;
}
embed, iframe, object {
max-width: 100%;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1 {
color: #ec5700;
}
.header_hover h4, h2, h3, h4, h5, h6, .header_hover > p > b , #content li{
color: #888888;
transition-property: all;
transition-duration: 0.5s;
}
.header_hover:hover h4, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, .header_hover > p:hover > b, #content li:hover{
color: #ec5700;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
padding-bottom: 15px;
font-weight: 300;
}
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 19px; }
.big-slider h1 {
font-weight: 400;
}
@media screen and (min-width: 1005px){
.header_hover.first {
display: inline-block;
padding-top: 76px;
}
}
/*.header_hover {
display: list-item;
}
.header_hover h4 {
list-style: disc;
margin-left: 20px;
}*/
/*
====> 2.2 Others
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #888888;
font-size: 15px;
line-height: 1.5;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
p {
color: #888888;
font-size: 15px;
line-height: 1.5;
margin-bottom: 15px;
font-weight: 300;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
/*
====> 3.1 Superscript and Subscript
--------------------------------------------------------------*/
sup, sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
/*
====> 3.2 Table
--------------------------------------------------------------*/
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
th, td {
border: 1px solid #f2f2f2;
padding: 6px 10px;
}
caption, th, td {
text-align: left;
}
/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul, ol {
list-style: none;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin: 0 0 0 20px;
}
#content li {
margin-bottom: 6px;
}
/*
====> 3.4 Blockquote
--------------------------------------------------------------*/
blockquote {
font-style: italic;
font-family: 'Roboto Slab', sans-serif;
font-weight: normal;
padding: 20px;
border: 1px solid #f2f2f2;
border-left: 3px solid #80abc8;
margin-bottom: 20px;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
/*
====> 3.5 Others
--------------------------------------------------------------*/
body {
background: #f2f2f2; /* Fallback for when there is no custom background color defined. */
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
pre {
background-color: #f2f2f2;
margin-bottom: 20px;
overflow: auto;
padding: 20px;
border: 1px solid #eaeaea;
}
pre, code, kbd, var, samp, tt {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 19px;
white-space: pre-wrap;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #f2f2f2;
cursor: help;
}
address {
display: block;
font-style: italic;
margin: 0 0 15px;
}
ins {
background-color: #f2f2f2;
}
hr {
border-color: #f2f2f2;
border-style: solid none none;
border-width: 1px 0 0;
height: 0;
margin: 30px 0;
}
dl {
margin-bottom: 24px;
font-size: 16px;
}
dt {
font-weight: bold;
margin-bottom: 5px;
}
dd {
margin-bottom: 24px;
}
.screen-reader-text { display: none; }
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
input, textarea {
-webkit-border-radius: 0px;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding: 1%;
border: 1px solid #f2f2f2;
line-height: 20px;
width: 98%;
margin: 0 0 30px;
background-color: #f8f8f8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
//border: 1px solid #eaeaea;
outline: none;
}
input.s {
width: 60%;
padding: 4px 54px 4px 10px;
height: 36px;
color: #666666;
background-color: #ffffff;
margin: 0;
border: 1px solid #f2f2f2;
}
input.s:focus {
padding-left: 10px;
//border-color: #eaeaea;
text-indent: 0;
}
.ample-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
color: #FFFFFF;
display:inline-block;
margin-bottom: 30px;
padding: 5px 25px;
cursor: pointer;
background-color: #80abc8;
border: 0px;
//-webkit-border-radius: 3px;
//-moz-border-radius: 3px;
//border-radius: 3px;
font-size: 16px;
}
.ample-button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
/*-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
box-shadow:0 0 2px rgba(0, 0, 0, 0.6);*/
text-decoration: none !important;
opacity: 0.8;
}
input[type="button"],button {
padding: 10px;
border: 1px solid #f2f2f2;
color: #ec5700;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
input[type="button"]:hover,button:hover {
color: #fff;
background-color: #ec5700;
}
button.search-icon {
box-shadow: inset 0 0 0 0 #C14800;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
button.search-icon:hover {
box-shadow: inset 0 100px 0 0 #C14800;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*
====> 5.1 Links
--------------------------------------------------------------*/
a{
color: #80abc8;
text-decoration: none;
}
a:not(.ample-button){
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
}
a:focus, a:active, a:hover {
text-decoration: none;
}
/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
.main-navigation li > ul,
.main-navigation li > ol {
margin: 0;
list-style: none;
padding: 0;
}
.main-navigation {
float: right;
padding-right: 10px;
}
.main-navigation li {
float: left;
font-family: 'Roboto', sans-serif;
font-weight: 300;
position: relative;
//padding: 0 20px;
}
.main-navigation ul:not(.sub-menu) > li {
margin-right: 1px;
}
.main-navigation ul#menu-primary > li:last-child {
margin-right: 15px;
}
.main-navigation li > a {
line-height: 70px;
height: 70px;
}
.main-navigation ul.menu li a {
font-size: 16px;
}
.main-navigation li.default-menu,
li.default-menu {
display: none;
}
.main-navigation a {
color: #666666;
display: block;
float: left;
font-weight: 300;
}
.main-navigation ul.menu > li.current-menu-item,
.main-navigation ul.menu > li.current-menu-ancestor,
.main-navigation .menu > ul > li.current_page_item,
.main-navigation .menu > ul > li.current_page_ancestor,
.main-navigation ul.menu > li:hover,
.main-navigation .menu > ul > li:hover {
border-top: 2px solid #80abc8;
margin-top: -2px;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-item a:after,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current-menu-ancestor a:after,
.main-navigation ul li.current_page_item a:after,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current_page_ancestor a:after,
.main-navigation ul li:hover > a,
.main-navigation li.menu-item-has-children:hover > a:after,
.main-navigation li.page_item_has_children:hover > a:after {
color: #80abc8;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 12px;
padding-left: 6px;
color: #666666;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
content: "\f0d7";
}
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
content: "\f0da";
position: absolute;
right: 8px;
}
/*
====> 5.3 Primary Menu Dropdown
--------------------------------------------------------------*/
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
display:none;
z-index: 9999;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
display:block;
}
.main-navigation ul li ul {
background-color: #ffffff;
left: -1px;
position: absolute;
top: 70px;
width: 180px;
}
.main-navigation ul li .sub-menu a {
text-transform: none;
}
.main-navigation ul ul > li:last-child {
border-bottom: 1px solid #eaeaea;
}
.main-navigation ul li ul li {
float: none;
padding: 0;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
float: none;
line-height: 21px;
font-size: 14px !important;
height: 100%;
padding: 10px 20px;
color: #666666;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
color: #80abc8;
}
.main-navigation ul li ul li ul {
left: 158px;
top: -1px;
}
.main-navigation select {
display: none;
}
/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.one-page-menu-active .main-navigation div ul li a {
color: #888888;
}
.one-page-menu-active .main-navigation div ul li a:hover,
.one-page-menu-active .main-navigation div ul li.current-one-page-menu-item a {
color: #80abc8;
}
.one-page-menu-active .main-navigation ul li ul {
top: 55px;
}
.one-page-menu-active .main-navigation ul li ul li ul {
top: -1px;
}
.one-page-menu-active .search-form-top {
top: 55px;
}
/*
====> 5.5 One Page Menu
--------------------------------------------------------------*/
.menu-toggle {
display: none;
cursor: pointer;
}
/*--------------------------------------------------------------
6.0 Images
--------------------------------------------------------------*/
figure {
margin: 0;
text-align: center;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
margin-bottom: 18px;
}
.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-"] {
}
img.size-full, img.size-large {
max-width: 100%;
height: auto;
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 1.625em;
}
p img {
}
a img {
border: 0;
}
a img:hover {
opacity: 0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
box-shadow: #000 0 0 0;
}
img#wpstats {
display: none;
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 30px;
}
.alignright {
display: inline;
float: right;
margin-left: 30px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display: block;
}
.tg-after-three-blocks-clearfix {
clear: both;
}
.tg-featured-posts-clearfix {
clear: both;
}
/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/
/*
====> 9.1 Captions
--------------------------------------------------------------*/
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5rem;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075rem 0;
}
.gallery-caption {
}
/*
====> 9.2 WordPress Gallery Support
--------------------------------------------------------------*/
.gallery {
margin: 0 auto 2em;
}
.gallery .gallery-item {
float: left;
display: block;
background: #fff;
margin: 10px 1.5% 20px;
text-align: center;
}
.gallery .gallery-item:hover { }
.gallery .gallery-icon {
text-align: center;
padding: 0;
margin: 0;
overflow: hidden;
line-height: 0;
}
.gallery-columns-1 .gallery-item { float: none; text-align: center; width:100%; margin: 10px 0 20px; }
.gallery-columns-2 .gallery-item { width:47%; }
.gallery-columns-3 .gallery-item { width:30.33%; }
.gallery-columns-4 .gallery-item { width:22%; }
.gallery-columns-5 .gallery-item { width:17%; }
.gallery-columns-6 .gallery-item { width:13.6%; }
.gallery-columns-7 .gallery-item { width:12.25%; margin:10px 1% 10px; }
.gallery-columns-8 .gallery-item { width:10.5%; margin:10px 1% 10px; }
.gallery-columns-9 .gallery-item { width:9.11%; margin:10px 1% 10px; }
.gallery dl a {
display: block;
}
.gallery dl a img {
height: auto;
margin: 0 auto;
}
.gallery .gallery-caption {
font-size: 20px;
line-height: 1.2;
margin: 10px 0 0;
}
.gallery br+br { display:none; }
/*--------------------------------------------------------------
10.0 Extras
--------------------------------------------------------------*/
/*
====> 10.1 Featured Slider
--------------------------------------------------------------*/
.big-slider-wrapper {
//max-height: 597px;
max-height: 400px;
}
.big-slider-wrapper{
max-width: 1600px;
margin: 0 auto;
position: relative;
}
.bx-wrapper .big-slider img {
margin: 0 auto;
}
.big-slider img {
margin-bottom: 0;
}
.big-slider .slider-entry-container{
position: absolute;
width: 700px;
//text-align: center;
text-align: right;
z-index: 999;
margin: auto;
left: 0;
right: 0;
height: 100%;
//top: 35%;
//-ms-transform: translateY(-50%); /* IE 9 */
//-webkit-transform: translateY(-50%);
//transform: translateY(-50%);
}
.big-slider .entry-title {
font-size: 40px;
text-transform: uppercase;
color: #ffffff;
line-height: 1.1;
//position: absolute;
//bottom: 20px;
margin-top: 23%;
}
.big-slider .entry-title a {
color: #ffffff;
}
.big-slider .entry-title a:hover {
text-shadow: none;
}
.entry-title .bright {
color: #fff;
text-shadow: 0px 0px 6px rgb(115, 76, 79);
}
.entry-title .dark {
color: #ec5700;
text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7);
}
.big-slider-wrapper .bx-wrapper .bx-viewport{border: 0; box-shadow: none; }
.big-slider-wrapper .bx-wrapper .bx-viewport{left: 0;}
.slider-button {
display: inline-block;
color: #ffffff;
font-size: 16px;
padding: 18px 20px;
text-transform: uppercase;
letter-spacing: 2px;
border: 1px solid #ffffff;
background-color: rgba(0,0,0,0.15);
}
.slider-button:hover{ background: rgba(255, 255, 255, 0.26);}
.slide-prev,
.slide-next {
opacity: 0.7;
filter:alpha(opacity=50);
position: absolute;
top: 50%;
-ms-transform: translateY(-50%); /* IE 9 */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
border-radius: 3px;
}
.slide-prev { margin-left: 20px; }
.slide-next { right: 0; margin-right: 20px; }
.slide-prev:hover,
.slide-next:hover {
opacity: 1;
filter:alpha(opacity=100);
}
.slide-prev a:before,
.slide-next a:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 30px;
padding: 0;
display: block;
}
.slide-prev a:before { content: "\f104"; }
.slide-next a:before { content: "\f105"; }
.slide-prev a, .slide-next a {
padding: 10px 24px;
display: block;
}
/*
====> 10.2 Search Design
--------------------------------------------------------------*/
#masthead .search-wrap input.s {
width: 180px;
}
.fa.search-top {
color: #80abc8;
position: absolute;
right: -10px;
cursor: pointer;
top: 40px;
}
.search-wrap {
position: relative;
}
.search-wrap button {
border-radius: 0;
color: #fff;
line-height: 44px;
margin-left: -2px;
margin-bottom: 0;
padding: 0 15px;
position: absolute;
top: 0;
right: 0;
}
.search-icon:before {
content: "\f002";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #ffffff;
font-size: 18px;
}
.search-form-top {
border: 1px solid #eaeaea;
display: none;
padding: 10px;
position: absolute;
right: 0;
top: 70px;
z-index: 9999;
background-color: #ffffff;
}
.not-found {
background-color: rgba(0, 0, 0, 0.02);
padding: 20px;
border-radius: 10px;
}
.not-found .search-wrap button {
right: 65px;
}
/*
====> 10.3 Page Header Title
--------------------------------------------------------------*/
.header-post-title-container {
//padding: 40px 0;
background-color: #fff;
//border-bottom: 1px solid #f2f2f2;
}
.header-post-title-container .post-title-wrapper {
float: left;
max-width: 100%;
padding-right: 30px;
}
/*.header-post-title-class {
font-size: 36px;
padding-bottom: 0;
color: #ffffff;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
display: inline-block;
color: #ffffff;
padding: 5px 20px;
//text-transform: uppercase;
letter-spacing: 2px;
background-color: rgba(0,0,0,0.2);
margin-left: -20px;
}*/
/*
====> 10.4 Header Top
--------------------------------------------------------------*/
#header-meta {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}
.small-info-text {
float: left;
}
.small-info-text p {
margin-bottom: 0;
padding-top: 10px;
}
/*
====> 10.5 Social Links
--------------------------------------------------------------*/
.social-links {
float: right;
padding-left: 15px;
}
.social-links ul li {
float: left;
}
.social-links i.fa {
font-size: 22px;
color: #CCCCCC;
//padding: 12px 3px 8px;
padding: 8px 4px;
width: 30px;
text-align: center;
transition: background-color 0.2s ease-out 0s;
}
.social-links i.fa:hover {
color: #FFFFFF;
}
.social-links i.fa-twitter {color: #1BB2E9;}
.social-links i.fa-twitter:hover {background: #1BB2E9;}
.social-links i.fa-facebook {color: #3B5A9B;}
.social-links i.fa-facebook:hover {background: #3B5A9B;}
.social-links i.fa-youtube {color: #ED3F41;}
.social-links i.fa-youtube:hover {background: #ED3F41;}
.social-links i.fa-vimeo-square {color: #44BBFF;}
.social-links i.fa-vimeo-square:hover {background: #44BBFF;}
.social-links i.fa-skype {color: #009CEF;}
.social-links i.fa-skype:hover {background: #009CEF;}
.social-links i.fa-linkedin {color: #007BB6;}
.social-links i.fa-linkedin:hover {background: #007BB6;}
.social-links i.fa-google-plus {color: #DC4937;}
.social-links i.fa-google-plus:hover {background: #DC4937;}
.social-links i.fa-github {color: #4183C4;}
.social-links i.fa-github:hover {background: #4183C4;}
.social-links i.fa-flickr {color: #0062DD;}
.social-links i.fa-flickr:hover {background: #0062DD;}
.social-links i.fa-dribbble {color: #E24D87;}
.social-links i.fa-dribbble:hover {background: #E24D87;}
.social-links i.fa-instagram {color: #3F729B;}
.social-links i.fa-instagram:hover {background: #3F729B;}
.social-links i.fa-pinterest {color: #D5282E;}
.social-links i.fa-pinterest:hover {background: #D5282E;}
.social-links i.fa-stumbleupon {color: #EC4823;}
.social-links i.fa-stumbleupon:hover {background: #EC4823;}
.social-links i.fa-tumblr {color: #455469;}
.social-links i.fa-tumblr:hover {background: #455469;}
.social-links i.fa-wordpress {color: #21759B;}
.social-links i.fa-wordpress:hover {background: #21759B;}
.social-links i.fa-codepen {color: #CCCCCC;}
.social-links i.fa-codepen:hover {background: #231F20;}
.social-links i.fa-digg {color: #14589E;}
.social-links i.fa-digg:hover {background: #14589E;}
.social-links i.fa-reddit {color: #FF4500;}
.social-links i.fa-reddit:hover {background: #FF4500;}
.social-links i.fa-xing {color: #006567;}
.social-links i.fa-xing:hover {background: #006567;}
.social-links i.fa-weibo {color: #E6162D;}
.social-links i.fa-weibo:hover {background: #E6162D;}
/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/
/*
====> 11.1 Widgets General CSS
--------------------------------------------------------------*/
.business-template .main-wrapper .widget {
background-color: #ffffff;
}
.business-template .widget.widget_call_to_action_block,
.business-template .widget.widget_portfolio_block {
background-color: transparent;
}
.business-template .widget.widget_call_to_action_block > .inner-wrap,
.business-template .widget.widget_portfolio_block > .inner-wrap {
max-width: 100%;
}
#secondary .widget,
#tertiary .widget {
padding-bottom: 40px;
}
#secondary .widget-title,
#tertiary .widget-title {
font-size: 24px;
}
#secondary .widget li a,
#tertiary .widget li a {
padding-bottom: 10px;
display: inline-block;
color: #80abc8;
}
#secondary .widget li a:hover,
#tertiary .widget li a:hover {
text-decoration: underline;
}
.widget select {
max-width: 100%;
}
#secondary .search-wrap button,
#tertiary .search-wrap button {
right: 26px;
}
.both-sidebar #secondary .search-wrap button,
.both-sidebar #tertiary .search-wrap button {
right: 0;
}
/*
====> 11.2 Services Widget
--------------------------------------------------------------*/
.widget.widget_service_block .service-all-content {
padding: 60px 0;
}
.widget_service_block .services-main-description img {
padding-bottom: 40px;
}
.widget_service_block h3.widget-title {
text-align: center;
text-transform: uppercase;
padding-bottom: 0;
}
.widget_service_block h5 a {
color: #666666;
}
.widget_service_block h5 a:hover {
color: #80abc8;
}
.widget_service_block h3.widget-title:after {
background: none repeat scroll 0 0 #ccc;
content: "";
display: block;
height: 2px;
margin: 20px auto;
width: 100px;
}
.widget_service_block .services-main-description p {
padding-bottom: 50px;
margin-bottom: 0;
font-size: 15px;
}
.services-header{text-align: center;}
.services-header h2{
text-transform: uppercase;
border-bottom: 4px solid #80abc8;
display: inline;
padding-bottom: 10px;
}
.single-service{
text-align: center;
}
.single-service:hover .icons {
background-color: #80abc8;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.single-service .icons a {
display: block;
}
.single-service:hover .icons i {
color: #ffffff;
}
.single-service h5{
padding: 20px 0;
font-size: 20px;
}
.single-service .icons {
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #f8f8f8;
display: block;
position: relative;
margin: 0 auto;
}
.single-service i {
font-size: 36px;
line-height: 102px;
margin: 0;
color: #80abc8;
}
.single-service img {
margin-bottom: 0;
}
/*
====> 11.3 Call to Action Widget
--------------------------------------------------------------*/
.business-template .widget.widget_call_to_action_block {
}
/*.business-template .widget.widget_call_to_action_block .call-to-action-content-wrapper {
padding: 100px 0;
}*/
.widget_call_to_action_block .inner-wrap {
width: 100%;
max-width: 100%;
}
.widget_call_to_action_block .inner-wrap .inner-wrap {
margin: 0 auto;
max-width: 1100px;
}
.widget.widget_call_to_action_block .call-to-action-content-wrapper {
padding: 100px 0;
}
.widget.widget_call_to_action_block .call-to-action-content-wrapper.no-bg-image {
padding: 60px 0;
}
.call-to-action-content-wrapper h3 {
padding-bottom: 0;
font-size: 26px;
color: #ffffff;
line-height: 2;
text-align: center;
z-index: 1;
}
.call-to-action-button {
border: 2px solid #ffffff;
color: #ffffff;
font-size: 18px;
line-height: 2;
text-align: center;
padding: 10px 30px;
margin-left: 60px;
display: inline-block;
border-radius: 3px;
}
.call-to-action-button:hover {
background: rgba(255, 255, 255, 0.26);
color: #ffffff;
}
/*
====> 11.4 Featured Posts Widget
--------------------------------------------------------------*/
.featured-posts-header .widget-title {
text-align: center;
line-height: 28px;
padding-bottom: 0;
}
.featured-posts-main-description {
text-align: center;
}
.featured-posts-main-description p {
padding-bottom: 50px;
margin-bottom: 0;
font-size: 15px;
}
.widget_featured_posts_block .widget-title {
text-transform: uppercase;
}
.widget_featured_posts_block .widget-title:after {
background: none repeat scroll 0 0 #ccc;
content: "";
display: block;
height: 2px;
margin: 20px auto;
width: 100px;
}
.widget_featured_posts_block .blog-all-content {
padding-top: 60px;
}
.featured-posts-content {
padding-bottom: 40px;
}
.single-post-image-wrap {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.single-post-image-wrap img {
padding-top: 8px;
margin-bottom: 0;
}
.single-post-content .more-link {
margin-top: 15px;
}
.widget_featured_posts_block .single-post .entry-title {
margin: 0 0 6px 0;
font-size: 25px;
padding-bottom: 0;
}
.widget_featured_posts_block .single-post {
margin-bottom: 10px;
}
.single-post-content p{}
.single-post-content a{color: #80abc8;}
.single-post-content .entry-title a{color: #666666;}
.single-post-content .entry-title a:hover{color: #80abc8;}
/*
====> 11.5 Portfolio Widget
--------------------------------------------------------------*/
.widget_portfolio_block .portfolio-all-content {
padding: 80px 0;
}
.widget_portfolio_block .inner-wrap {
width: 100%;
max-width: 100%;
}
.widget_portfolio_block .inner-wrap .inner-wrap {
margin: 0 auto;
max-width: 1100px;
}
.widget_portfolio_block .tg-column-odd,
.widget_portfolio_block .tg-column-even {
margin-bottom: 25px;
text-align: center;
}
.widget_portfolio_block .tg-one-fourth {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.portfolio-container {
background-color: transparent;
}
.portfolio-container img {
margin-bottom: 0;
}
.widget_portfolio_block h3.widget-title {
color: #fff;
text-align: center;
text-transform: uppercase;
padding-bottom: 0;
}
.widget_portfolio_block h3.widget-title:after {
background: none repeat scroll 0 0 #ccc;
content: "";
display: block;
height: 2px;
margin: 20px auto;
width: 100px;
}
.portfolio-main-description {
text-align: center;
padding-bottom: 50px;
}
.portfolio-main-description p {
color: #ffffff;
font-size: 15px;
}
.moving-box{
position: absolute;
bottom: -80px;
left: 0;
right: 0;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
}
.moving-box a{
color: #fff !important;
display: block;
background-color: #80abc8;
padding: 15px 5px;
text-align: center;
}
.view-detail a {
height: 58px;
width: 58px;
display: block;
position: absolute;
top: -70px;
z-index: 1;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.portfolio-container .tg-one-fourth:hover .view-detail a{top: 70px; }
.fa.fa-link {
font-size: 40px;
line-height: 58px;
}
.portfolio-view-more {
text-align: center;
}
.portfolio-button {
display: inline-block;
color: #ffffff;
font-size: 16px;
padding: 18px 20px;
text-transform: uppercase;
letter-spacing: 2px;
border: 1px solid #ffffff;
margin-top: 40px;
}
.portfolio-button:hover{ background: rgba(255, 255, 255, 0.26);}
.portfolio-container .tg-one-fourth {position: relative; float:left;}
.portfolio-container .tg-one-fourth:hover .moving-box{bottom: 0;}
.portfolio-container .tg-one-fourth .single-portfolio-thumbnail{position: relative; padding:0; overflow: hidden;}
/*
====> 11.6 Testimonial Widget
--------------------------------------------------------------*/
.widget_testimonial_block .testimonials-all-content {
padding: 60px 0;
}
.testimonial-image {
float: left;
max-width: 20%;
}
.testimonial-content {
float: right;
max-width: 77%;
}
.widget_testimonial_block .widget-title {
line-height: 28px;
padding-bottom: 0;
text-align: center;
text-transform: uppercase;
}
.widget_testimonial_block .widget-title::after {
background: none repeat scroll 0 0 #ccc;
content: "";
display: block;
height: 2px;
margin: 20px auto;
width: 100px;
}
.testimonial-image .fa-user {
font-size: 110px;
}
.testimonials-main-description {
text-align: center;
}
.testimonials-main-description p {
font-size: 15px;
margin-bottom: 0;
padding-bottom: 50px;
}
/*
====> 11.7 Our Clients Widget
--------------------------------------------------------------*/
.widget_our_clients .clients-all-content {
padding: 60px 0;
}
.client-slider {
text-align: center;
}
.client-slider li {
display: inline-block;
margin: 0 10px;
}
.widget_our_clients .widget-title {
line-height: 28px;
padding-bottom: 0;
text-align: center;
text-transform: uppercase;
}
.widget_our_clients .widget-title::after {
background: none repeat scroll 0 0 #ccc;
content: "";
display: block;
height: 2px;
margin: 20px auto;
width: 100px;
}
.clients-main-description {
text-align: center;
}
.clients-main-description p {
font-size: 15px;
margin-bottom: 0;
padding-bottom: 50px;
}
/*--------------------------------------------------------------
12.0 Plugins Support
--------------------------------------------------------------*/
/*
====> 12.1 Breadcrumb NavXT
--------------------------------------------------------------*/
.breadcrumb {
float: right;
text-align: right;
margin-top: 8px;
margin-bottom: 2px;
font-size: 14px;
}
.breadcrumb {
color: #ffffff;
font-weight: 300;
}
.breadcrumb a {
color: #ffffff;
font-weight: normal;
}
.breadcrumb a:hover {
text-decoration: underline;
}
/*
====> 12.2 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
padding-bottom: 40px;
}
/*
====> 12.3 WooCommerce
--------------------------------------------------------------*/
.woocommerce .entry-meta-bar, .woocommerce-page .entry-meta-bar { display: none; }
.woocommerce-breadcrumb { display: none; }
.post-type-archive-product .page-title { display: none; }
.woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a {
text-decoration: none;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 100%;
font-weight: bold;
left: auto;
line-height: 1em;
margin: 0;
overflow: visible;
padding: 6px 10px;
position: relative;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
color: #80abc8;
display:inline-block;
padding: 10px 16px;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
cursor: pointer;
border: 1px solid #80abc8;
font-size: 15px;
font-weight: 300;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce-page input.button:hover,.woocommerce-page #respond input#submit:hover,.woocommerce-page #content input.button:hover {
color: #fff;
background-color: #80abc8;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; }
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
font-size: 20px;
padding: 5px 0;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
font-size: 14px;
}
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
font-size: 16px
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
margin: 0 auto 10px;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
padding: 5px 10px;
font-size: 16px;
z-index: 100;
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
right: auto;
margin: -3px 0 0 -3px;
left: 0;
top: 0;
border-radius: 0;
z-index: 100;
}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { height: 32px; }
.woocommerce .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page #content .quantity .plus, .woocommerce .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page #content .quantity .minus { height: 24px; }
.woocommerce table.shop_table, .woocommerce-page table.shop_table { border-collapse: collapse; }
.woocommerce table.shop_table .cart-item td, .woocommerce-page table.shop_table .cart-item td { padding: 0px 12px; }
.shop_table .product-thumbnail {
width: 10%;
}
.shop_table .product-thumbnail img {
max-width: 90px;
width: 100%;
}
.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {
padding-left: 3px;
padding-top: 20px;
width: 90px;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
height: 39px;
line-height: 1.5;
padding: 8px 20px;
width: 170px;
}
.woocommerce .cart_totals h2 { float: left; }
.woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th {
padding: 12px 15px;
}
.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table {
border-collapse: collapse;
border-top: 1px solid #EAEAEA;
}
.woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce .cart-collaterals .shipping_calculator:before, .woocommerce-page .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:before {
padding-top: 20px;
}
.woocommerce-page #content .post, .woocommerce-page #content .page {
padding-bottom: 15px;
}
.woocommerce .related ul.products li.first, .woocommerce-page .related ul.products li.first { clear: none; }
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
width: 22.05%;
margin: 0 3.8% 2.992em 0;
}
.woocommerce .related ul.products li.product:last-child, .woocommerce-page .related ul.products li.product:last-child {
margin-right: 0;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #ffffff;
color: #80abc8;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #80abc8;
color: #ffffff;
}
.woocommerce ul.products li.product .price {
color: #80abc8;
}
.woocommerce .woocommerce-message {
border-top-color: #80abc8;
}
.woocommerce .woocommerce-message::before {
color: #80abc8;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #80abc8;
font-size: 15px;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
padding: 0;
}
/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/
/*
====> 13.1 Body
--------------------------------------------------------------*/
body {
}
#page {
background-color: #ffffff;
margin: 0 auto;
max-width: 1180px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.wide #page {
max-width: 100%;
}
.inner-wrap {
max-width: 1100px;
margin: 0 auto;
}
/*
====> 13.2 Header
--------------------------------------------------------------*/
.business-template #masthead {
background-color: #ffffff;
}
.main-head-wrap {
padding: 20px 0 15px;
}
.header {
padding-top: 20px;
}
#header-left-section {
float: left;
margin-right: 25px;
}
#header-logo-image {
float: left;
padding: 5px 20px 5px 0;
max-width: 100%;
}
#header-logo-image img {
margin-bottom: 0px;
//max-height: 60px;
max-height: 80px;
}
#header-text {
float: left;
padding-right: 20px;
}
#site-title {
padding-bottom: 0;
}
#site-title a {
color: #666666;
font-size: 34px;
}
#site-title a:hover {
color: #80abc8;
}
#site-description {
line-height: 1.5;
font-size: 13px;
padding-bottom: 0;
color: #888888;
font-weight: 300;
}
#header-right-section {
float: right;
position: relative;
}
img.header-image {
display: block;
margin: 0 auto;
}
.one-page-menu-active .fa.search-top { line-height: 55px; }
.one-page-menu-active .top-menu-toggle { padding-bottom: 0; }
.one-page-menu-active .main-head-wrap { padding: 0; }
.one-page-menu-active .main-navigation li a { height: 55px; line-height: 55px; }
.one-page-menu-active .header { background-color: #fff; border-bottom: 1px solid #f2f2f2; position: fixed; width: 100%; max-width: 1180px; z-index: 999; }
.wide.one-page-menu-active .header { max-width: 100%; }
.one-page-menu-active .main-navigation ul.menu > li.current-menu-item, .main-navigation ul.menu > li.current-menu-ancestor, .main-navigation .menu > ul > li.current_page_item, .main-navigation .menu > ul > li.current_page_ancestor, .main-navigation ul.menu > li:hover, .main-navigation .menu > ul > li:hover { border-top: 2px solid transparent; }
/*
====> 13.3 Primary, Secondary & Tertiary Content Area
--------------------------------------------------------------*/
/* Right Sidebar */
#primary {
float: left;
width: 64.54545454%;
}
#secondary {
float: right;
width: 31.81818181%;
}
/* Left Sidebar */
.left-sidebar #primary {
float: right;
width: 64.54545454%;
}
.left-sidebar #tertiary {
float: left;
width: 31.81818181%;
}
/* Both Sidebar */
.both-sidebar #primary {
width: 72.72727272%;
}
.both-sidebar #secondary {
width: 23.63636363%;
}
.both-sidebar #primary #content {
float: right;
width: 62.5%;
}
.both-sidebar #primary #tertiary {
float: left;
width: 32.5%;
}
/* No Sidebar */
.no-sidebar-full-width #primary {
width: 100%;
}
.no-sidebar #primary {
float: none;
margin: 0 auto;
}
.no-sidebar #secondary,
.no-sidebar-full-width #secondary {
display: none;
}
/*
====> 13.4 Content Columns
--------------------------------------------------------------*/
/* Two Column */
.tg-one-half {
float: left;
width: 48.18181818%;
margin: 0 3.63636363% 0 0;
padding: 0px 0px 30px;
}
.tg-one-half-last {
float: right;
margin: 0px;
}
/* Three Column */
.tg-one-third {
float: left;
margin: 0 3.63636363% 0 0;
width: 30.90909090%;
}
.tg-one-third-last {
float: right;
margin-right: 0;
}
/* Four Column */
.tg-one-fourth {
float: left;
width: 22.95454545%;
margin: 0 2.72727272% 0 0;
}
.tg-one-fourth-last {
margin: 0px;
}
/*
====> 13.5 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.extra-hatom-entry-title {
display: none;
}
.single-page {
margin-top: 50px;
}
.single-header {padding: 2% 0;background-color: #444;}
.single-header h2 {
font-size: 2.5em;
color: #80abc8;
font-weight: 200;
margin-bottom: 16px;
}
#content,#content{
}
.sidebar {
}
.single-page p a{color: #80abc8;}
.single-page p a:hover{color: #555;}
.single-page p {
margin-bottom: 10px;
}
.entry-content ul {
//list-style: square;
list-style: disc;
margin-left: 20px;
}
.entry-content ul,
.entry-content ol {
padding: 0 0 0 20px;
margin-bottom: 30px;
}
.entry-content li > ul,
.entry-content li > ol {
margin-bottom: 0;
}
.sidebar h4{
font-weight: 400;
padding-bottom: 8px;
margin-bottom: 17px;
}
.date-icon, .author-icon {
width: 32px;
height: 32px;
display: block;
float: left;
}
.hentry .entry-title {
font-size: 24px;
padding-bottom: 10px;
}
.hentry .entry-title a {
color: #666666;
display: block;
font-weight: 400
}
.hentry .entry-title a:hover {
color: #80abc8;
}
.entry-meta{width: 100%;padding-bottom: 20px;}
.entry-meta{ font-size: 14px;}
.more-link {
display: block;
margin-top: 30px;
}
.more-link span:hover {
border: 1px solid #ec5700 !important;
background-color: #ec5700;
color: #ffffff;
}
.more-link span {
display: inline-block;
border: 1px solid #888;
padding: 5px 25px;
background-color: #888;
color: #fff;
}
.entry-meta > span {
padding-right: 15px;
}
.entry-meta .fa {
color: #80abc8;
padding-right: 5px;
}
.entry-meta a {
color: #888888;
font-weight: 300;
}
.entry-meta a:hover {
color: #80abc8;
}
article.post {
padding-bottom: 50px;
}
.tags a {
display: inline-block;
}
/*
====> 13.6 Pagination
--------------------------------------------------------------*/
.default-wp-page li.previous {
float: left;
}
.default-wp-page li.next {
float: right;
}
.previous a,
.next a {
color: #80abc8;
padding: 5px 0;
cursor: pointer;
font-size: 16px;
display: inline-block;
}
.next {
float: right;
}
.previous a:hover,
.next a:hover {
text-decoration: underline;
}
.default-wp-page {
padding: 20px 0;
}
.nav-previous,
.nav-next {
margin-bottom: 15px;
}
.nav-previous a,
.nav-next a {
color: #80abc8;
cursor: pointer;
font-size: 16px;
}
.nav-previous a { float: left; }
.nav-next a { float: right; }
.nav-previous a:hover,
.nav-next a:hover {
text-decoration: underline;
}
/*
====> 13.7 Comments
--------------------------------------------------------------*/
#comments {
border-top: 1px solid #F8F8F8;
padding-top: 15px;
}
#comments i {
font-size: 12px;
color: #80abc8;
padding-right: 10px;
line-height: 1.5;
}
#comments img {
margin-bottom: 5px;
}
.comments-title {
font-size: 22px;
line-height: 28px;
}
.comment-content a {
word-wrap: break-word;
}
.comment-navigation {
margin-bottom: 15px;
}
.bypostauthor {
}
#comments h2.comments-title {
margin-bottom: 10px;
}
.avatar {
border-radius: 50%;
float: left;
}
.comments-area article header {
margin: 0 0 5px;
overflow: hidden;
position: relative;
}
.comments-area .comment-edit-link,
.comments-area .comment-permalink,
.comments-area .comment-date-time,
.comments-area .comment-author-link {
display: block;
margin-left: 100px;
color: #999999;
font-size: 14px;
}
.comments-area article header cite a:hover,
.comments-area a.comment-edit-link:hover,
.comments-area a.comment-permalink:hover {
color: #80abc8;
}
.comments-area .comment-author-link a {
color: #999999;
}
.comments-area .comment-author-link a:hover {
color: #80abc8;
}
.comments-area .comment-author-link span {
margin-left: 10px;
padding: 0 5px;
background-color: #80abc8;
color: #FFFFFF;
border-radius: 3px;
}
.comments-area article header .comment-edit-link:before{
content: "\f044";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #80abc8;
font-size: 12px;
padding-right: 10px;
}
.comment-content {
padding: 15px 15px 25px;
background-color: #F8F8F8;
border-radius: 2px;
}
li.comment {
margin-bottom: 20px;
width: 100%;
}
.comment ul, .comment ol {
margin: 0 0 20px 20px;
}
.comment ul {
list-style: square outside none;
}
.comment .comment-reply-link {
float: right;
color: #aaaaaa;
font-size: 14px;
}
.comment .comment-reply-link:before {
content: "\f112";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #80abc8;
font-size: 12px;
padding-right: 10px;
}
.comment .comment-reply-link:hover {
color: #80abc8;
}
.comment-list {
}
.comment-list, .comment-list .children {
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 40px;
padding-top: 20px;
margin-bottom: 0;
}
#reply-title {
font-size: 20px;
}
.comment-respond {
padding-top: 20px;
}
.comment-respond small {
float: right;
}
.form-allowed-tags {
display: none;
}
/*
====> 13.8 Footer
--------------------------------------------------------------*/
/*
====> ====> 13.8.a Footer General CSS
--------------------------------------------------------------*/
#colophon {
font-size: 14px;
clear: both;
color: #777;
background-color: #1f2021;
overflow: hidden;
//padding: 20px 0 20px;
}
.scrollup:hover{opacity: 0.6;}
.copyright-info ul li {margin-bottom: 10px; float: left;margin-left: 25px;}
/* .copyright-info ul li a{color: #fff;padding: 5px 5px;} */
.copyright-info ul li a{color: #fff;}
.copyright-info ul li a:hover{color: #80abc8;}
.extra-info{float: right !important;}
#colophon p {
font-weight: 300;
color: #777;
//line-height: 22px;
font-size: 15px;
}
#colophon a {
font-weight: 300;
color: #b1b6b6;
//line-height: 22px;
font-size: 13px;
}
#colophon a:hover {
/*color: #80abc8;*/
color: #fff;;
}
#colophon-box {
float: left;
width: 22%;
margin-right: 4%;
}
#colophon .copyright-info a:hover, #colophon .footer-nav ul li a:hover, #colophon a:hover, .copyright-info ul li a:hover, .footer-widgets-area a:hover{
color: #fff !important;
text-decoration: underline;
}
/*
====> ====> 13.8.b Footer Widget Area
--------------------------------------------------------------*/
.footer-widgets-wrapper {
}
.footer-widgets-area {
padding-bottom: 40px;
color: #777777;
}
.footer-widgets-area .tg-one-fourth .widget-title {
text-align: left;
}
.footer-widgets-area h3.widget-title {
color: #D5D5D5;
}
.footer-widgets-area .tg-one-fourth p {
text-align: left;
color: #b1b6b6;
}
.footer-widgets-area a {
color: #D5D5D5;
}
.footer-widgets-area a:hover {
color: #80abc8;
}
#colophon .widget {
padding-bottom: 25px;
}
#colophon .widget-title {
font-size: 22px;
//line-height: 1.4;
color: #b1b6b6;
}
#colophon, #colophon p {
//font-size: 14px;
//line-height: 1.4;
}
#colophon .footer-widgets-area li a {
display: inline-block;
padding-bottom: 3px;
}
.footer-widgets-area .search-icon:before {
font-size: 20px;
}
/*
====> ====> 13.8.c Footer Copyright Info
--------------------------------------------------------------*/
.copyright-info {
float: left;
padding-right: 10px;
font-weight: 300;
}
#colophon .copyright-info a {
color: #b1b6b6;
}
#colophon .copyright-info a:hover {
color: #80abc8;
}
/*
====> ====> 13.8.d Footer Menu
--------------------------------------------------------------*/
.footer-nav {
float: right;
}
.footer-nav ul li {
display: inline-block;
padding-left: 10px;
}
#colophon .footer-nav ul li a {
color: #b1b6b6;
}
#colophon .footer-nav ul li a:hover {
color: #80abc8;
}
/*
====> ====> 13.8.e Scroll to Top
--------------------------------------------------------------*/
a#scroll-up {
bottom: 20px;
position: fixed;
right: 20px;
display: none;
background-color: #ffffff;
opacity: 0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
padding: 9px 18px;
border-radius: 2px;
font-size: 20px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.6);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.6);
}
a#scroll-up i {
color: #80abc8;
}
a#scroll-up:hover {
opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
/*--------------------------------------------------------------
14.0 Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1190px) {
#page {
width: 97%;
}
.wide #page {
width: 100%;
}
.one-page-menu-active .header { max-width: 97%; }
.inner-wrap {
width: 94%;
}
.business-template .widget.widget_call_to_action_block > .inner-wrap,
.business-template .widget.widget_portfolio_block > .inner-wrap {
width: 100%;
}
}
@media screen and (max-width: 768px) {
#header-left-section {
max-width: 80%;
margin-right: 0;
}
#header-right-section {
float: none;
}
#header-text {
padding-right: 0;
}
.big-slider .slider-entry-container {
width: 80%;
}
.big-slider .entry-title {
font-size: 30px;
padding-bottom: 0px;
margin-bottom: 20px;
}
.slider-button {
font-size: 12px;
padding: 10px 14px;
letter-spacing: 1px;
}
.slide-prev a:before, .slide-next a:before {
font-size: 24px;
padding: 14px 18px;
}
.slide-prev {
margin-left: 8px;
}
.slide-next {
margin-right: 8px;
}
.menu-toggle,
.main-navigation.toggled .menu-primary-container {
display: block;
}
.main-navigation ul {
display: none;
}
.main-navigation {
padding-top: 0;
}
.menu-toggle {
margin-top: 30px;
right: 62px;
position: absolute;
}
.fa.search-top {
top: 26px;
right: 12px;
font-size: 18px;
}
.menu-toggle:before{
color: #80abc8;
content: "\f0c9";
font-family: fontawesome;
font-size: 22px;
position: absolute;
top: -10px;
}
.one-page-menu-active .menu-toggle:before {
top: -17px;
}
.menu-primary-container {
clear: both;
padding-left: 10px;
padding-top: 10px;
}
.current_page_item > a {
font-weight: 400;
color: #e85400;
}
li > ul,
li > ol {
margin: 0;
}
.single-page {
padding-top: 20px !important;
}
.menu-primary-container > ul > li > a,
.menu > ul > li > a {
line-height: 50px;
height: 88px;
}
.menu-primary-container ul ul li {
padding-right: 0;
}
.menu-primary-container > ul > li > a,
.menu > ul > li > a {
height: auto;
line-height: 1;
}
#masthead .menu-primary-container li a {
border-bottom: 1px solid #f8f8f8;
color: #777777;
display: block;
font-size: 14px;
padding: 10px 0;
width: 100%;
}
.call-to-action-content-wrapper h3 {
line-height: 1.5;
}
.call-to-action-button {
margin: 20px auto 0;
}
/* Featured Posts widget */
.single-post-image-wrap {
float: none;
margin-right: 0;
}
.single-post-content .entry-title,
.single-post-content p,
.more-link {
text-align: center;
}
.footer-widgets-wrapper .tg-column-odd,
.widget_portfolio_block .tg-column-odd {
float: left;
width: 48.18181818%;
}
.footer-widgets-wrapper .tg-column-even,
.widget_portfolio_block .tg-column-even {
float: right;
width: 48.18181818%;
margin-right: 0;
}
.widget_portfolio_block .tg-column-odd,
.widget_portfolio_block .tg-column-even {
text-align: center;
margin-bottom: 25px;
}
.single-service.tg-one-third {
margin-bottom: 25px;
}
.tg-after-two-blocks-clearfix {
clear: both;;
}
.tg-after-three-blocks-clearfix {
clear: none;
}
.footer-nav {
float: none;
text-align: center;
}
.logo-disable #site-navigation > .menu {
padding-top: 60px;
}
.logo-disable .main-head-wrap.inner-wrap {
padding: 0;
}
}
@media screen and (max-width: 767px) {
#primary, #secondary,
.both-sidebar #primary,
.both-sidebar #secondary,
.both-sidebar #primary #content,
.both-sidebar #primary #tertiary {
float: none;
width: 100%;
}
.tg-one-half, .tg-one-third {
float: none;
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 600px) {
.social-links {
float: none;
padding-left: 0;
text-align: center;
}
.social-links ul li {
display: inline-block;
float: none;
}
.small-info-text {
float: none;
text-align: center;
}
.big-slider .slider-entry-container {
width: 75%;
}
.big-slider .entry-title {
font-size: 24px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.slider-button {
font-size: 12px;
padding: 8px 10px;
letter-spacing: 0;
}
.slide-prev a:before, .slide-next a:before {
font-size: 18px;
padding: 6px 12px;
}
.slide-prev {
margin-left: 4px;
}
.slide-next {
margin-right: 4px;
}
.widget.widget_call_to_action_block .call-to-action-content-wrapper {
padding: 40px 0;
}
.footer-widgets-wrapper .tg-column-odd,
.footer-widgets-wrapper .tg-column-even {
float: none;
width: 100%;
}
}
@media screen and (max-width: 400px) {
.big-slider .entry-title {
font-size: 16px;
padding-bottom: 10px;
}
.slider-button {
font-size: 10px;
letter-spacing: 0;
padding: 1px 8px;
}
.widget_portfolio_block .tg-column-odd,
.widget_portfolio_block .tg-column-even {
float: none;
width: 100%;
}
}
/* Remove the updated class from entry meta */
.entry-date .updated {
display: none;
}
/* CUSTOMS BY ANDREAS REINHARD */
#content a:hover {
text-decoration: underline;
}
.mce-content-body {
background: #fff !important;
margin: 10px;
}
.mce-content-body hr {
border-color: #E3E3E3 !important;
}
/* -----------------------------------------------------------GRID SYSTEM------------------------------------------------------------- */
[class*='col-'] .content.border {
//border: 3px solid #ec5700;
//background-color: #f3f3f3;
border: 1px solid #dedede;
//background-color: #fbe4d9;
//border: 4px dotted #ec5700;
}
[class*='col-'] .content.border:hover {
background-color: #f3f3f3;
}
[class*='col-'] .content img {
max-width: 100px;
margin-top: 20px;
-webkit-transition: all 0.2s ease; /* Safari and Chrome */
-moz-transition: all 0.2s ease; /* Firefox */
-ms-transition: all 0.2s ease; /* IE 9 */
-o-transition: all 0.2s ease; /* Opera */
transition: all 0.2s ease;
}
[class*='col-'] .content img:hover {
-webkit-transform:scale(1.05); /* Safari and Chrome */
-moz-transform:scale(1.05); /* Firefox */
-ms-transform:scale(1.05); /* IE 9 */
-o-transform:scale(1.05); /* Opera */
transform:scale(1.05);
}
[class*='col-'] .content {
margin: 5px;
padding: 5px;
min-height: 140px;
text-align: center;
line-height: 140px;
}
[class*='col-'] {
float: left;
min-height: 150px;
//padding-right: 20px; /* column-space */
line-height: 150px;
vertical-align: middle
}
.grid {
width: 100%;
max-width: 710px;
min-width: 690px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
margin: 0 auto;
overflow: hidden;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.grid-pad {
//padding-top: 20px;
//padding-left: 20px; /* grid-space to left */
padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}
.push-right {
float: right;
}
/* Content Columns */
.col-1-1 {
width: 100%;
}
.col-2-3, .col-8-12 {
width: 66.66%;
}
.col-1-2, .col-6-12 {
width: 50%;
}
.col-1-3, .col-4-12 {
width: 33.33%;
}
.col-1-4, .col-3-12 {
width: 25%;
}
.col-1-5 {
width: 20%;
}
.col-1-6, .col-2-12 {
width: 16.667%;
}
.col-1-7 {
width: 14.28%;
}
.col-1-8 {
width: 12.5%;
}
.col-1-9 {
width: 11.1%;
}
.col-1-10 {
width: 10%;
}
.col-1-11 {
width: 9.09%;
}
.col-1-12 {
width: 8.33%
}
/* Layout Columns */
.col-11-12 {
width: 91.66%
}
.col-10-12 {
width: 83.333%;
}
.col-9-12, .col-3-4 {
width: 75%;
}
.col-5-12 {
width: 41.66%;
}
.col-7-12 {
width: 58.33%
}
/* Pushing blocks */
.push-2-3, .push-8-12 {
margin-left: 66.66%;
}
.push-1-2, .push-6-12 {
margin-left: 50%;
}
.push-1-3, .push-4-12 {
margin-left: 33.33%;
}
.push-1-4, .push-3-12 {
margin-left: 25%;
}
.push-1-5 {
margin-left: 20%;
}
.push-1-6, .push-2-12 {
margin-left: 16.667%;
}
.push-1-7 {
margin-left: 14.28%;
}
.push-1-8 {
margin-left: 12.5%;
}
.push-1-9 {
margin-left: 11.1%;
}
.push-1-10 {
margin-left: 10%;
}
.push-1-11 {
margin-left: 9.09%;
}
.push-1-12 {
margin-left: 8.33%
}
@media handheld, only screen and (max-width: 767px) {
.grid {
width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
padding-left: 20px; /* grid-space to left */
padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
}
[class*='col-'] {
width: auto;
float: none;
margin: 10px 0;
padding-left: 0;
padding-right: 10px; /* column-space */
}
/* Mobile Layout */
[class*='mobile-col-'] {
float: left;
margin: 0 0 10px;
padding-left: 0;
padding-right: 10px; /* column-space */
padding-bottom: 0;
}
.mobile-col-1-1 {
width: 100%;
}
.mobile-col-2-3, .mobile-col-8-12 {
width: 66.66%;
}
.mobile-col-1-2, .mobile-col-6-12 {
width: 50%;
}
.mobile-col-1-3, .mobile-col-4-12 {
width: 33.33%;
}
.mobile-col-1-4, .mobile-col-3-12 {
width: 25%;
}
.mobile-col-1-5 {
width: 20%;
}
.mobile-col-1-6, .mobile-col-2-12 {
width: 16.667%;
}
.mobile-col-1-7 {
width: 14.28%;
}
.mobile-col-1-8 {
width: 12.5%;
}
.mobile-col-1-9 {
width: 11.1%;
}
.mobile-col-1-10 {
width: 10%;
}
.mobile-col-1-11 {
width: 9.09%;
}
.mobile-col-1-12 {
width: 8.33%
}
/* Layout Columns */
.mobile-col-11-12 {
width: 91.66%
}
.mobile-col-10-12 {
width: 83.333%;
}
.mobile-col-9-12 {
width: 75%;
}
.mobile-col-5-12 {
width: 41.66%;
}
.mobile-col-7-12 {
width: 58.33%
}
.hide-on-mobile {
display: none !important;
width: 0;
height: 0;
}
}
.footer-widgets-area .textwidget p, .footer-widgets-area .textwidget h6 {
color: #fff !important;
}
.big-slider .entry-title a, .slider-button, .header-post-title-class {
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
img {
margin-bottom: 0px;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
margin: 0px !important;
}
.mitarbeiter {
display: inline-block;
margin-bottom: 40px;
width: 280px;
height: 300px;
}
.mitarbeiter img {
//border: 1px solid #dedede;
margin-bottom: 10px;
}
.mitarbeiter p {
margin-bottom: 0px;
}
.citius_ma {
margin-bottom: 60px;
min-height: 170px;
}
.citius_ma .pic {
float: left;
max-height: 170px;
margin-right: 30px;
}
.citius_ma .pic img {
max-height: 170px;
}
.citius_ma .pic img, .partner_img img, .welcome img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
transition-property: all;
transition-duration: 0.5s;
}
.citius_ma:hover .pic img, .partner_img:hover img, .welcome:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
.citius_ma .pic img, .partner_img img, .welcome img {
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: url('url("data:image/svg+xml;utf8,#grayscale");')
filter: gray;
transition-property: all;
transition-duration: 0.5s;
}
.citius_ma:hover .pic img, .partner_img:hover img, .welcome:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
.citius_ma svg {
float: left;
margin-right: 30px;
display: block;
}
.citius_ma svg image {
transition: all .6s ease;
}
.citius_ma:hover svg image {
opacity: 0;
}
.citius_ma .infos {
min-height: 170px;
padding-left: 170px;
}
.citius_ma.kunden .infos {
padding-left: 330px;
}
.citius_ma .infos h4 {
padding: 0px;
margin: 0px;
color: #888888;
transition-property: all;
transition-duration: 0.5s;
}
.citius_ma:hover .infos h4 {
color: #ec5700;
}
.citius_ma .infos .title {
padding-left: 15px;
margin: 5px 0 10px 0;
}
.citius_ma .infos .zitat {
font-style: italic;
padding-left: 15px;
display: block;
margin: 0;
padding: 0;
}
.citius_ma .infos .zitat:before {
content: "\f10e";
font-family: 'Fontawesome';
float: left;
margin-right: 8px;
font-size: 10px;
margin-top: 6px;
}
.citius_ma .infos .zitat:after {
content: "\f10d";
font-family: 'Fontawesome';
margin-left: 8px;
font-size: 10px;
position: absolute;
display: inline;
}
.citius_ma .infos .zitat_user {
margin: 2px 0 0 0;
padding: 0;
//font-style: italic;
font-size: 12px;
}
@media screen and (max-width: 768px) {
.citius_ma .pic {
float: none;
}
.citius_ma svg {
float: none;
margin: auto;
}
.citius_ma .infos, .citius_ma.kunden .infos {
padding-left: 0px;
margin-top: 20px;
}
.citius_ma .pic, .citius_ma .infos h4, .citius_ma .infos .title, .citius_ma .infos .zitat, .citius_ma .infos .zitat_user {
text-align: center;
margin: 0;
padding: 0;
}
.citius_ma .infos .zitat {
margin-top: 15px;
}
.slide-next, .slide-prev {
display: none;
}
}
.centerall {
width: 100%;
text-align: center;
}
.main-wrapper {
padding-bottom: 50px;
}
.entry-meta > .author, .entry-meta > .category, .entry-meta > .comments, .comments-area {
display: none;
}
p.confirmation{
background:url(img/confirmation.png) no-repeat 15px 9px;
color:#5A5A5A;
border:1px dotted #a4e673;
border-radius:4px;
background-color:#dffec8;
padding:15px 57px;
}
p.warning{
background:url(img/warning.png) no-repeat 15px 9px;
color:#5A5A5A;
border:1px dotted #e5de73;
border-radius:4px;
background-color:#fefac8;
padding:15px 57px;
}
p.information{
background:url(img/information.png) no-repeat 15px 9px;
color:#5A5A5A;
border:1px dotted #96dee9;
border-radius:4px;
background-color:#ddf5f9;
padding:15px 57px;
}
p.error{
background:url(img/error.png) no-repeat 15px 9px;
color:#5A5A5A;
border:1px dotted #e3b7b7;
border-radius:4px;
background-color:#f4dada;
padding:15px 57px;
}
ul.bullet-check li {
background: url(img/bullet-check.png) no-repeat scroll 0 0.1em transparent;
padding-left: 22px;
margin-bottom: 6px;
list-style: none;
}
.big-slider-wrapper {
overflow: hidden;
}
.sfsi_footerLnk {
display: none;
}
.emd_dl_grey {
font-weight: 300 !important;
font-family: roboto !important;
text-shadow: none !important;
color: #ec5700 !important;
}
article .author.vcard, article .category, article .comments, .comments-area {
display: none;
}
.wp-pagenavi .pages,
.wp-pagenavi .current {
border-color: #888;
color: #888;
padding: 10px;
}
.wp-pagenavi .current {
border-color: #888 !important;
}
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
border: 1px solid #ec5700;
padding: 10px;
color: #888;
}
.wp-pagenavi .pages,
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
-webkit-transition: none;
-moz-transition: none;
transition: none;
-ms-transition: none;
-o-transition: none;
}
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
color: #ec5700;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
background: #ec5700;
color: #fff;
border: 1px solid #ec5700;
}
.wp-pagenavi .current {
font-weight: 300 !important;
color: #888;
}
.wp-pagenavi > .pages {
margin-right: 20px;
}
.wp-pagenavi > span, .wp-pagenavi > a {
display: inline-block;
border: none !important;
padding: 0px 5px !important;
}
.portfolio-tile {
display: inline-block;
max-width: 330px;
margin-right: 20px;
margin-bottom: 30px;
}
.portfolio-tile p {
color: #ec5700;
}
.portfolio-tile .image {
width: 100%;
background-color: #fbe4d9;
border: 4px dotted #ec5700;
display: block;
}
#cboxContent {
background-color: #fff !important;
}
.footer-widgets-wrapper a:hover {
color: #f2894d !important;
}
.content.border > h1,
.content.border > h2,
.content.border > h3,
.content.border > h4,
.content.border > h5,
.content.border > h6 {
padding-bottom: 0px;
}
.content.border > h6 {
font-size: 16px;
}
/*.social-links i.fa-rss {
color: #fa8144;
}*/
.social-links i.fa-rss:hover {
background: #fa8144;
}
.social-links i.fa {
color: #888;
}
/*.social-links i.fa:hover {
background: #ec5700;
}*/
.footer-box button {
background-color: #888;
}
.big-slider .entry-title a:hover {
color: #fff !important;
text-shadow: 1px 1px 4px #ec5700;
}
.main-navigation ul.menu>li:hover:not(.current_page_item) {
//border-top: none !important;
}
.menu-item > a {
//font-weight: 600;
padding: 0 20px;
}
#content a{
//text-decoration: underline;
}
.main_spalte {
width: 33.33%;
float: left;
padding: 0 30px 20px 30px;
box-sizing: border-box;
//text-align: justify;
text-align: left;
}
.main_spalte h3 {
color: #ec5700;
text-align: left;
}
.spaltenlink .pic img {
width: 30px;
}
.spaltenlink .pic {
float: left;
margin-right: 20px;
height: 30px;
}
.spaltenlink .text {
float: left;
line-height: 30px;
text-decoration: underline;
color: #ec5700;
}
.main_spalte .main_text {
clear: both;
margin-bottom: 40px;
min-height: 180px;
}
.spaltenlink {
height: 30px;
width: 100%;
display: block;
cursor: pointer;
-webkit-border-radius: 50%;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius: 50%;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-radius: 50%;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
width: 200px;
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.spaltenlink:hover {
background-color: #f2f2f2;
}
.citius_own h3, .citius_own h1 {
color: #000 !important;
}
.citius_own, .citius_own h3, .citius_own h1 {
width: 100% !important;
text-align: right;
box-sizing: border-box;
padding-right: 15px;
}
.copyright-info {
width: 100%;
}
.left-sidebar #tertiary {
border-right: 1px;
border-style: solid;
-webkit-border-image:
-webkit-gradient(linear, 0 0, 0 80%, from(#666666), to(rgba(102, 102, 102, 0))) 1 80%;
-webkit-border-image:
-webkit-linear-gradient(#666666, rgba(102, 102, 102, 0)) 1 80%;
-moz-border-image:
-moz-linear-gradient(#666666, rgba(102, 102, 102, 0)) 1 80%;
-o-border-image:
-o-linear-gradient(#666666, rgba(102, 102, 102, 0)) 1 80%;
border-image:
linear-gradient(to bottom, #666666, rgba(102, 102, 102, 0)) 1 80%;
padding-right: 20px;
height: 100%;
}
.left-sidebar #tertiary h3, #secondary .widget-title, #tertiary .widget-title{
color: #ec5700;
font-size: 30px;
}
.wa_link {
padding-left: 36px;
display: block;
max-width: 300px;
height: 26px;
line-height: 26px;
box-sizing: border-box;
margin-bottom: 5px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
background-color: rgba(0, 0, 0, 0.02);
position: relative;
}
.wa_link:before {
content: "";
background-size: 26px 26px;
background-repeat: no-repeat;
zoom: 1;
width: 26px;
height: 26px;
position: absolute;
left: 0px;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
image-rendering: crisp-edges;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges
-ms-interpolation-mode: bicubic;
-o-interpolation-mode: bicubic;
}
.wa_link.workany:before {
background-image: url('/uploads/2015/10/workany.png');
}
.wa_link.portfolio:before {
background-image: url('/uploads/2016/05/portfolio.png');
}
.wa_link.helpdesk:before {
background-image: url('/uploads/2015/10/helpdesk.png');
}
.wa_link.strategy:before {
background-image: url('/uploads/2015/08/strategy.png');
}
.wa_link.mycitius:before {
background-image: url('/uploads/2016/07/mycitius.png');
}
.wa_link.teamviewer:before {
background-image: url('/uploads/2015/08/teamviewer.png');
}
.wa_link.news:before {
background-image: url('/uploads/2016/02/news.png');
}
.wa_link.referenzen:before {
background-image: url('/uploads/2016/02/referenzen.png');
}
.wa_link.acrobat:before {
background-image: url('/uploads/2016/05/acrobat.png');
}
.wa_link.citrix:before {
background-image: url('/uploads/2015/08/citrix-1.png');
}
.wa_link.okay:before {
background-image: url('/uploads/2016/05/okay.png');
}
.wa_link.install:before {
background-image: url('/uploads/2015/10/install.png');
}
.wa_link.broschuere:before {
background-image: url('/uploads/2016/10/broschuere.png');
}
.wa_link.handshake:before {
background-image: url('/uploads/2016/10/handshake.png');
}
.wa_link.otrs:before {
background-image: url('/uploads/2016/10/otrs.png');
}
.wa_link.ticket:before {
background-image: url('/uploads/2016/10/ticket.png');
}
.wa_link:hover {
background-color: rgba(0, 0, 0, 0.08);
color: #555;
text-decoration: none !important;
padding-left: 38px;
}
.wa_link:hover:before {
/*-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);*/
}
.ihr_remo {
margin-top: 20px;
}
@media screen and (min-width: 1024px) {
.main_text_height {
min-height: 120px;
}
//.main_text_height span {
// display: inline-block;
//}
.main_text_height_buttons {
min-height: 100px;
margin-bottom: 30px;
}
}
.main_text_height span {
display: inline-block;
}
.single-page p {
//text-align: justify;
}
/* -------------- NEUES TEMPLATE DREI SPALTEN ---------------------*/
@media screen and (min-width: 768px) {
.both-sidebar #primary {
width: 64.2424242% !important;
}
.both-sidebar #primary #content, .both-sidebar #primary #tertiary {
width: 47.5% !important;
}
.both-sidebar #secondary {
width: 32.1212121% !important;
}
}
/* ------------- NEUES TEMPLATE STARTSEITE PAESCE ------------------*/
.site-header, .single-page {
background-color: #fff;
}
.citius_own, .single-page {
max-width: 1150px;
}
.single-page {
padding-top: 40px;
margin: auto;
}
.textwidget p img {
margin-top: 5px;
}
/*.main-wrapper {
transition: opacity 3s;
background-image: url('/wp-content/themes/citius/header/header.php');
background-size: 100% auto, cover;
background-repeat: no-repeat;
}
.slides img {
opacity: 0;
filter: alpha(opacity=0);
}
*/
/* ------------- NEUES TEMPLATE STARTSEITE REMO ------------------*/
.big-slider-wrapper, .slides img{
max-width: 100%;
width: 100%;
}
.big-slider .entry-title {
//padding-bottom: 165px;
//padding-top: 25%;
}
.partner_img {
height: 100px;
margin-bottom: 10px;
position: relative;
}
.partner_img img {
position: absolute;
margin: auto;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
b, strong {
font-weight: 500 !important;
}
/* --------- NEWS -------- */
.post h4 {
margin-bottom: 0px;
padding-bottom: 0px;
}
.post .news_content {
margin-top: 10px;
}
.post .news_content:after {
//content: "...";
}
.post {
//position: relative;
}
.post .read-more {
//position: absolute;
margin-left: 20px;
}
.post .read-more:before {
font-family: "FontAwesome";
content: "\f0a4";
margin-right: 5px;
}
/* ------ NEWS END ------ */
/* ------ MIDDLE HEADER ------ */
/*.slides {
position: relative;
height: 400px;
}
figure {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}*/
/* ------ MIDDLE HEADER END ------ */
.news_table td {
border: none;
vertical-align: top;
}
.news_table tr:not(:last-child),.news_table tr:first-child {
border-bottom: 1px solid #f2f2f2;
}
.news_table tr:hover {
background-color: #f8f8f8;
}
.news_table .date {
width: 95px;
}
.news_table.noborder tr {
border-bottom: none;
}
/*.news_thema {
display: block;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}*/
/*article h6:first-of-type:before {
content: "hallo test";
}*/
.citius_own {
//display: none;
}
.citius_own h1:before, .citius_own h1:after {
content: "";
//display: block;
display: none;
height: 1px;
margin: 20px auto;
width: 100px;
border-bottom: 1px solid #FFF;
}
.citius_own h1:before {
margin-top: 0px;
}
.citius_own h1:after {
margin-bottom: 0px;
}
.citius_own h1 {
color: #fff !important;
//color: #e9e4c6 !important;
//text-align: center;
text-align: right;
text-transform: uppercase;
//font-weight: 700;
margin-top: 0;
font-size: 3em;
//text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
text-shadow: 0px 0px 6px rgb(115, 76, 79);
}
article h1:first-of-type {
padding-bottom: 0px;
margin-bottom: 30px;
}
article h6:first-of-type {
padding-bottom: 0px;
margin-bottom: 20px;
}
.news_back:before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f1ea";
margin-right: 10px;
}
.header .social-links ul {
margin-top: 0px;
}
.searchit article .entry-title, .searchit article .entry-meta {
margin: 0px;
padding: 0px;
}
.searchit article {
padding: 20px;
}
.searchit article:hover {
background-color: #f8f8f8;
}
.searchit article:hover h1 {
color: #ec5700;
}
.searchit article:not(:last-child) {
border-bottom: 1px solid #f2f2f2;
}
.searchit article:first-child {
//padding-top: 0px;
}
.searchit article .entry-date i {
display: none;
}
.searchit article .entry-date a , .searchit article .entry-summary{
margin-left: 10px;
}
.searchit article .entry-summary, .searchit article .entry-meta {
margin-top: 5px;
}
h4 {
margin-bottom: 0px;
}
.slide-next, .slide-prev {
background-color: #FFFFFF !important;
}
.slide-next a:before, .slide-prev a:before {
color: #ec5700;
}
form p {
margin-top: 10px !important;
}
.super {
vertical-align: super;
font-size: 80%;
}
.footer_links {
float: right;
}
footer abstand {
margin-right: 15px;
}
div[class*="menu-footer-menu-"] .menu, div[class*="menu-footer-menu-"] .menu .menu-item {
padding: 0px;
margin: 0px;
}
@media screen and (min-width: 990px) {
.copyright span {
display: inline-block;
}
.copyright span:not(.footer_links), .footer_links a {
padding: 22px 0px ;
}
.copyright .footer_links {
margin: 22px 0px;
}
div[class*="menu-footer-menu-"], .copyright {
display: inline-block;
}
footer .copyright {
float: left;
}
footer div[class*="menu-footer-menu-"] {
float: right;
}
/* .menu-footer-menu-container a { */
div[class*="menu-footer-menu-"] a {
padding: 22px 10px;
display: inline-block;
}
/* div[class*="menu-footer-menu-"] a:hover { */
#menu-footer-menu .menu-item a:hover {
background-color: rgba(255,255,255,0.2);
text-decoration: none;
}
}
@media screen and (max-width: 989px) {
.copyright-info {
padding-right: 0;
float: none;
text-align: center;
}
.copyright {
padding: 22px 0px 10px 0px;
}
.copyright span {
display: block;
float: none !important;
}
div[class*="menu-footer-menu-"] {
//display: table;
margin: 0 auto;
margin-bottom: 20px;
}
div[class*="menu-footer-menu-"] a:not(:last-child) {
margin-right: 20px;
border-right: 1px solid #fff;
}
div[class*="menu-footer-menu-"] .menu, div[class*="menu-footer-menu-"] .menu .menu-item {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* .menu-footer-menu-container a { */
/* position: relative; */
/* } */
/* .menu-footer-menu-container a:after { */
/* content: '|'; */
/* position: absolute; */
/* right: -10px; */
/* pointer-events: none; */
/* } */
/* .menu-footer-menu-container a:last-child:after { */
/* content: ''; */
/* } */
}
.menu-item-language img {
border: 1px solid rgba(255,255,255,0.7);
}
.wpml-ls-menu-item .wpml-ls-flag {
vertical-align: middle;
margin-bottom: 2px;
}
#lang_sel_list {
height: auto;
position: inherit;
z-index: auto;
font-family: inherit;
}
#lang_sel_list li {
float: right;
}
#lang_sel_list li img {
display: none;
}
#lang_sel_list ul, #lang_sel_list {
border: none !important;
}
#lang_sel_list a {
/* padding: 5px 10px; */
padding: 2px 2px 2px 1px;
margin-left: 10px;
margin-bottom: 10px;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-flag + span {
margin-left: 2px;
font-size: 12px;
}
.wpml-ls-statics-shortcode_actions {
background-color: transparent !important;
}
.header .wpml-ls-item:hover>a,
.header .wpml-ls-item>a:focus
{
background-color: transparent !important;
}
#lang_sel_list a:hover {
text-decoration: underline;
}
#lang_sel_list img.iclflag {
position: inherit;
}
.menu-item-language img.iclflag {
margin-top: 3px;
}
.wpcf7-form p {
margin-bottom: 0px !important;
}
.newsletter-field input, .newsletter-field select, .newsletter-field label {
font-size: inherit !important;
margin-right: inherit !important;
line-height: inherit !important;
border: inherit !important;
border-radius: inherit !important;
}
.newsletter-button {
padding: 5px 25px !important;
}
@media screen and (max-width: 600px) {
.header #lang_sel_list ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.header #lang_sel_list a {
margin-left: 5px;
margin-right: 5px;
}
.header .social-links ul {
padding-left: 0px;
}
}
.status {
width: 50px;
height: 50px;
display: inline-block;
background-image: url('/citius/img/status.png');
background-repeat: no-repeat;
background-size: cover;
}
.success {
background-position: 0% 0%;
}
.warning {
background-position: 50% 0%;
}
.danger {
background-position: 100% 0%;
}
.tnp-field {
margin-bottom: 5px;
}
.tnp-field-button {
margin-top: 10px;
}