%PDF- %PDF-
| Direktori : /home/c/a/s/casasmonvl/ges4t.old/wp-content/themes/bizlight/ |
| Current File : /home/c/a/s/casasmonvl/ges4t.old/wp-content/themes/bizlight/style.css |
/*
Theme Name: Bizlight
Theme URI: http://evisionthemes.com/themes/bizlight
Author: evisiontheme
Author URI: http://evisionthemes.com/
Description: Bizlight theme is clean and elegant lightweight WordPress theme, adequate enough to create a standard site for any corporate house. Bizlight is basically designed for the normal WordPress users, in order to create a site quickly and efficiently. However, it has many competencies including responsive, bootstrap, HTML5, CSS3, retina ready, font awesome, google font, cross-browser compatibility, color control, layout control, logo upload, translation-ready, custom CSS field, etc. Documentation consists of several parts and shows you the entire process of setting up WordPress and Bizlight theme from scratch.Demo : http://demo.evisionthemes.com/bizlight-pro/ Documentation : http://doc.evisionthemes.com/bizlight/
Version: 1.2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bizlight
Tags: two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-menu, featured-images, post-formats, sticky-post, translation-ready, theme-options, threaded-comments, rtl-language-support
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*======================================
Bizlight - Table Of Content
1. Normalize
-----------------------------------------
2. General Styles
2.1 Links
2.2 Typography
2.3 Accessibility
2.4 Forms
2.5 Placeholder
2.6 Button
2.7 Clearings
2.8 Table
-----------------------------------------
3. Header
3.1 Header Top Bar
3.2 Header Nav Bar
-----------------------------------------
4. Sidebar
4.1 Widget
4.1 Widget_archive
4.2 Widget_calendar
4.3 Widget_categories
4.4 Widget_nav_menu
4.5 Widget_meta
4.6 Widget_pages
4.7 Widget_recent_comments
4.8 Widget_recent_entries
4.9 Widget_rss
4.10 Widget_search
4.11 Widget_tag_cloud
4.12 Widget_text
-----------------------------------------
5. Primary
5.1 Articles
-----------------------------------------
6. Footer
6.1 Site Info
-----------------------------------------
7. Content
7.1 Alignments
7.2 Posts and Pages
7.3 Asides
7.4 Comments
7.5 404 page
-----------------------------------------
8. Infinite scroll
-----------------------------------------
9. Media
9.1 Captions
9.2 Galleries
Site Styling
-----------------------------------------
10. Global
10.1 Nullify Bootstrap columns padding
10.2 columns of same height
-----------------------------------------
11. Custom Pages
11.1 Custom Pages style
=========================================
/* ====================================================== */
/* 1 Normalize */
/* --------------------------------------- */
html {
font-family: 'Raleway', sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
*:before,
*:after {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body, html{
height: 100%;
}
body {
margin: 0;
}
html{
display: block;
}
body,
button,
input,
select,
textarea {
color: #565656;
font: 400 15px/22px 'Raleway', sans-serif;
background-color: #f7f7f7;
-webkit-font-smoothing: antialiased;
}
img {
max-width: 100%;
/*width: 200px;*/
height: auto;
/*height: 128px;*/
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
embed,
iframe,
object,
video {
max-width: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
figure {
margin: 0;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
/* ====================================================== */
/* 2 General Styles */
/* --------------------------------------- */
/* Links */
/* --------------------------------------- */
a,
button,
input[type="submit"] {
-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
}
a,
a > p {
color: #212121;
text-decoration: none;
background-color: transparent;
}
.logged-in.admin-bar .ab-top-menu a,
.logged-in.admin-bar .ab-top-menu a > p{
color: inherit !important;
}
a:active,
a:hover,
a:focus {
outline: 0;
border: none;
text-decoration: none;
color: #23527c;
}
/* Typography */
/* --------------------------------------- */
h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a {
font-family: 'Raleway', sans-serif;
font-weight: 600;
line-height: 1.3;
color: #212121;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
h1,
h2,
h3 {
margin-top: 10px;
margin-bottom: 15px;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
text-transform: uppercase;
}
h3 {
font-size: 18px;
font-weight: 400;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
hr {
box-sizing: content-box;
background-color: #cccccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
p {
margin-bottom: 15px;
word-wrap: break-word;
}
q,
blockquote,
blockquote p {
color: #787878;
}
dfn,
cite,
em,
i {
font-style: italic;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 15px 1.5em;
padding-bottom: 0;
padding-top: 0;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eeeeee;
font-size: 14px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
font-family: "helvetica", "sans-serif";
}
code,
kbd,
tt,
var,
samp {
font-family: "helvetica", "sans-serif";
font-size: 14px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul,
ol {
margin-top: 0;
margin-bottom: 20px;
list-style-position: inside;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
@media only screen and (max-width: 767px){
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
text-transform: uppercase;
color: #ffC3C1 !important; /*Afegit csierra, per seccions One-page però tots els texts h2 tindran aquest color, s'haurà de modificar el INDEX!!!! NO FA CAS!!! */
}
h3 {
font-size: 16px;
font-weight: 400;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 9px;
}
}
/* Accessibility */
/* --------------------------------------- */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* Forms */
/* --------------------------------------- */
form {
position: relative;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.wpcf7-form-control {
outline: 0;
width: 100%;
margin-bottom: 15px;
border: 1px solid #dddddd;
height: 50px;
color: #333333;
font-size: 16px;
line-height: normal;
color: #666666;
border: 1px solid #cccccc;
background-color: #F7F7F7;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 8px 5px 8px 15px;
}
.wpcf7-form-control.wpcf7-submit {
display: inline-block;
width: 140px;
}
textarea{
min-height: 200px;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #212121;
background-color: #ffffff;
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
width: 100%;
}
optgroup {
font-weight: bold;
}
select:focus{
outline: none;
}
/* Placeholder */
/* --------------------------------------- */
::-webkit-input-placeholder {
color: #919191;
}
:-moz-placeholder {
/* Firefox 18- */
color: #919191;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #919191;
}
:-ms-input-placeholder {
color: #919191;
}
/* Button */
/* --------------------------------------- */
button,
a.button,
html input[type="button"],
input[type="button"],
input[type="reset"],
input[type="submit"],
button:focus,
a.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
font-family: 'Raleway', sans-serif;
border: none;
outline: none;
overflow: visible;
background: #ffC3C1; /*Modificat csierra: botons color. ORIGINAL #028484; --> #ffC3C1 none repeat scroll 0 0; */
/*border: 1px solid #a1a1a1; BOTOSECCIO afegit csierra */
color: #ffffff;
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
padding: 18px 30px 20px;
cursor: pointer;
vertical-align: middle;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; /*modificat a 20px csierra: original 3px*/
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
background-image: none;
}
button:before,
a.button:before,
html input[type="button"]:before,
input[type="button"]:before,
input[type="reset"]:before,
input[type="submit"]:before{ /*Eliminat csierra: ,.evision-back-to-top:before, així es tracta a BOTOTOP l'afecte de ratolí damunt*/
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffC3C1; /*BOTOSECCIO Modificat csierra: color fondo fletxa tornar pàgina a top quan ratolí damunt, original: #016161;*/
/*border: 2px solid #a1a1a1; BOTOSECCIO*/
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; /*BOTOSECCIO modificat csierra: original 3px*/
}
button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border: none;
color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; /*BOTOSECCIO csierra: original 3px*/
}
button:hover:before,
a.button:hover:before,
html input[type="button"]:hover:before,
input[type="button"]:hover:before,
input[type="reset"]:hover:before,
input[type="submit"]:hover:before,
button:focus:before,
a.button:focus:before,
html input[type="button"]:focus:before,
input[type="button"]:focus:before,
input[type="reset"]:focus:before,
input[type="submit"]:focus:before,
button:active:before,
a.button:active:before,
html input[type="button"]:active:before,
input[type="button"]:active:before,
input[type="reset"]:active:before,
input[type="submit"]:active:before,
.evision-back-to-top:hover:before,
.evision-back-to-top:focus:before,
.evision-back-to-top:active:before{
-webkit-transform: scale(1);
transform: scale(1);
}
button a,
button:hover a,
a.button,
a.button:hover{
color: #ffffff !important;
display: inline-block;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
@media screen and (max-width: 767px){
a.button{
padding: 14px 20px 15px;
}
}
/* Clearings */
/* ----------------------------------------------- */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Table */
/* ----------------------------------------------- */
table,
th,
td {
border: 1px solid #eaeaea; /*fallback*/
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;
table-layout: fixed; /* Prevents HTML tables from becoming too wide */
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 {
opacity: 0.8;
}
dl {
margin-bottom: 1.6em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.6em;
margin-left: 0;
}
dd a{
text-decoration: underline;
}
/*thumb overlay*/
.thumb-overlay {
background: rgba(0, 0, 0, 0.5);
content: "";
height: 100%;
width: 100%;
}
/* ====================================================== */
/* 3 Header */
/* --------------------------------------- */
/* Header Top Bar */
/* ----------------------------------------------- */
.site-header {
background: none repeat scroll 0 0 #ffffff;
text-align: center;
}
.page-inner-title {
/*background-image: url(assets/img/inner-banner.png);*/ /*Eliminat csierra*/
background-position: center top;
background-color: #28536B; /*Modificat csierra: color fons, original: #565656;*/
text-align: center;
padding-bottom: 5px; /*Modificat csierra, original: 70px;*/
padding-top: 5px; /*Modificat csierra, original: 80px;*/
margin-bottom: 0px; /*Modificat csierra, original: 30px;*/
}
body.home .page-inner-title {
padding-top: 120px;
}
.page-inner-title .entry-title,
.page-inner-title .page-title,
.page-inner-title .taxonomy-description{
padding-left: 15px;
padding-right: 15px;
color: #ffffff!important;
}
.wrap-header .nav-tabs{
border-bottom: none;
}
.navbar-fixed-top {
background: rgba(0,0,0,0);
z-index: 99;
transition: all 0.5s;
}
.navbar-fixed-active{
background-color: #28536B !important; /*CANVI 07/11 E5E5E5 #212121 !important; ORIGINAL barra menu navegació activada*/
/*rgba(76, 175, 80, 0.3) prova amb 30% opacity*/
/*#1a5304=rgba(26, 83, 4, 0.7)*/
/*#ffC3C1=rgba(255, 0, 120, 0.3) */
}
.site-branding,
.menu{
width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.widget_nav_menu .menu{
width: auto;
padding-left: 0;
padding-right: 0;
}
.evision-nav-right .menu{
width: auto;
}
.site-title,
.site-title a {
margin-top: 24px;
font-size: 22px;
text-transform: inherit;
font-weight: 500;
color: #ffffff;
}
.site-title a {
display: block;
}
.site-title a:hover{
color: #CCCCCC;
}
.site-description {
font-size: 14px;
font-weight: 400;
margin-top: 5px;
text-transform: inherit;
}
@media only screen and (max-width: 1170px){
.site-branding,
.menu{
width: 96%;
margin: 0 auto;
}
}
@media only screen and (max-width: 991px){
.site-title,
.site-title a{
text-align: left;
margin-top: 10px;
font-size: 20px;
}
}
@media only screen and (max-width: 767px){
.site-title,
.site-title a,
.site-description,
.site-branding,
.menu {
text-align: center;
}
}
/* header-nav-bar */
/* ----------------------------------------------- */
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
background: none repeat scroll 0 0 #ffC3C1; /*Modificat csierra: menu barra fondo, original: 028484*/
text-align: left;
margin-top: 15px;
}
.main-navigation .nav-menu{
width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 1170px){
.main-navigation .nav-menu{
width: 100%;
margin: 0 auto;
padding: 0;
}
}
@media only screen and (max-width: 992px){
.main-navigation{
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
display: inline-block;
position: relative;
}
.main-navigation a {
color: #ffffff!important;
display: block;
text-decoration: none;
font-family: 'Raleway', sans-serif;
font-size: 15px;
padding: 17px 18px;
position: relative;
}
.main-navigation ul ul {
float: left;
position: absolute;
left: -999em;
z-index: 99999;
background-color: #333333;
text-align: left;
}
.main-navigation ul ul ul {
top: 0;
}
.main-navigation ul ul a {
border-bottom: 1px solid #666666;
font-size: 14px;
padding: 12px 18px;
width: 200px;
}
.main-navigation ul ul li:last-child a{
border-top: none;
}
.main-navigation li a:hover,
.main-navigation li a:focus,
.main-navigation li a:active {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #ffffff!important;/*#ffffff!important; ORIGINAL color ratolí damunt*/
}
.main-navigation ul ul a:hover {
background: rgb(0, 0, 0); /*fallback*/
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.main-navigation ul li:hover > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul{
left: -200px;
width: 200px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation li.active > a,
.main-navigation li.active > a,
.main-navigation li.active > a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
position: relative;
color: #ffffff;
}
.main-navigation li:hover > a:after,
.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-item > a:after,
.main-navigation .current_page_ancestor > a:after,
.main-navigation li.active > a:after,
.main-navigation li.active > a:after,
.main-navigation li.active > a:after,
.main-navigation li.current_page_parent a:after{
background: #ffC3C1 none repeat scroll 0 0; /*Original blanc ffffff*/
bottom: 0;
content: "";
display: inline-block;
height: 1px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 30px;
}
@media screen and (max-width: 1199px){
.main-navigation a {
padding-left: 14px;
padding-right: 14px;
}
}
@media screen and (min-width: 992px){
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
color: #ffffff;
}
}
/* Small menu. */
.menu-toggle {
display: none;
}
@media screen and (max-width: 767px) {
.main-navigation{
margin: 0;
}
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
margin-left: auto;
margin-right: auto;
}
.menu-toggle,
#site-navigation .toggled .menu-toggle{
font-size: 15px;
margin-bottom: 5px;
padding: 5px 10px !important;
}
.main-navigation ul {
display: none;
}
.main-navigation li {
float: none;
display: block;
border-top: 1px solid #565656;
}
.main-navigation{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.main-navigation.toggled .nav-menu {
background: none repeat scroll 0 0 #333333;
}
.main-navigation ul ul:before {
border-bottom: 10px solid #151515;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: 0;
margin: -10px auto auto;
position: absolute;
right: 0;
width: 10px;
}
.main-navigation ul ul {
background: none repeat scroll 0 0 #151515;
display: block;
float: none;
position: static;
text-align: left;
box-shadow: none;
}
.main-navigation ul ul li{
border-top-color: #212121;
}
.main-navigation ul ul li:first-child{
border-top: none;
}
.main-navigation ul ul li a {
display: block;
width: auto;
text-align: center;
border-bottom: none;
}
.main-navigation .menu-toggle{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
border: none;
box-shadow: none;
float: none;
text-align: center;
}
.main-navigation .menu-toggle i{
color: #ffC3C1; /*ORIGINAL fff, modificat linies menú movil*/
font-size: 24px;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
@media screen and (max-width: 1023px){
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: left;
width: 100%;
margin-bottom: 15px;
}
.nav-links .nav-previous a,
.nav-links .nav-next a{
display: block;
}
}
/* ====================================================== */
/* Sidebar */
/* --------------------------------------- */
.widget {
margin: 0;
margin-bottom: 2em;
background: #f7f7f7;
border: 1px solid #e1e1e1;
padding: 15px;
}
.widget .widgettitle, .blog article.hentry .widgettitle,
#blog-post article.hentry .widgettitle,
.search article.hentry .widgettitle,
.archive article.hentry .widgettitle,
.tag article.hentry .widgettitle,
.category article.hentry .widgettitle,
#ak-blog-post article.hentry .widgettitle,
.page article.hentry .widgettitle,
.single article.hentry .widgettitle,
.woocommerce article.hentry .widgettitle, .woocommerce .site-main .widgettitle,
.widget .widget-title, .blog article.hentry .widget-title,
#blog-post article.hentry .widget-title,
.search article.hentry .widget-title,
.archive article.hentry .widget-title,
.tag article.hentry .widget-title,
.category article.hentry .widget-title,
#ak-blog-post article.hentry .widget-title,
.page article.hentry .widget-title,
.single article.hentry .widget-title,
.woocommerce article.hentry .widget-title, .woocommerce .site-main .widget-title {
text-transform: uppercase;
background: none;
border-bottom: 1px solid #ffC3C1; /*Modificat csierra, línia títol de widgets o sidebars, original: 028484!! */
text-align: left;
padding-bottom: 15px;
font-size: 18px;
margin-bottom: 15px;
}
.entry-meta,
.entry-footer{
font-size: 13px;
}
.entry-meta {
border-bottom: 1px solid rgb(204, 204, 204);
border-top: 1px solid rgb(204, 204, 204);
padding-bottom: 10px;
padding-top: 8px;
margin-bottom: 2.5em;
}
.single .entry-meta {
border-top: none;
}
.entry-meta span{
margin-right: 10px;
}
.widget ul{
padding-left: 0;
list-style: none;
}
.widget li {
border-top: 1px solid #d7d7d7;
display: block;
padding-bottom: 9px;
padding-top: 8px;
}
.wrap-contact .widget {
background: transparent;
border: none;
padding: 0;
}
.widget ul li:first-child {
border-top: 0;
}
.widget li a{
color: #212121;
}
.widget li a:hover{
color: #028484;
}
/* Make sure select elements fit in widgets. */
.widget select {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #cccccc;
max-width: 100%;
padding: 8px 15px;
}
@media only screen and (max-width: 767px){
#secondary {
margin-top: 60px;
}
}
/* Search widget */
/* ------------------------------------ */
.search-form label {
margin-bottom: 0;
width: calc(100% - 106px);
}
.search-form .search-field {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #212121;
display: block;
height: 42px;
max-width: 100%;
vertical-align: top;
background-color: #f7f7f7;
line-height: 20px;
}
.search-form .search-submit {
background-color: #028484;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #ffffff;
display: inline-block;
height: 22px;
padding: 15px 30px 27px;
text-shadow: none;
vertical-align: top;
width: 102px;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus{
background-color: #212121;
box-shadow: none;
border: none;
text-shadow: none;
vertical-align: top;
border-radius: 0;
padding: 15px 30px 27px;
}
/* widget_calendar */
/* ------------------------------------ */
.widget_calendar table {
margin: 0;
margin-bottom: 15px;
}
.widget_calendar td,
.widget_calendar th {
border: 1px solid #ededed;
line-height: 2.3333;
text-align: center;
padding: 0;
}
.widget_calendar caption {
font-weight: 700;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget_calendar tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #707070; /*fallback*/
background-color: rgba(51, 51, 51, 0.7);
color: #fff;
}
/* widget_categories */
/* ------------------------------------ */
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.4688em 0 0 1em;
padding-top: 0.4688em;
}
/* widget_recent_entries */
/* ------------------------------------ */
.widget_recent_entries .post-date {
font-style: normal;
display: block;
line-height: 2;
opacity: 0.8;
display: block;
}
/* widget_rss */
/* ------------------------------------ */
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_rss li {
margin-bottom: 1.6em;
}
.widget_rss ul:last-child,
.widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
border: 0;
font-weight: 700;
}
.widget_rss .rsswidget img {
margin-top: -4px;
}
.widget_rss .rss-date,
.widget_rss cite {
font-style: normal;
display: block;
line-height: 2;
opacity: 0.8;
}
/* ====================================================== */
/* Primary */
/* --------------------------------------- */
/* Aricles */
/* ------------------------------------ */
.widget, .blog article.hentry,
#blog-post article.hentry,
.search article.hentry,
.archive article.hentry,
.tag article.hentry,
.category article.hentry,
#ak-blog-post article.hentry,
.page article.hentry,
.single article.hentry,
.woocommerce article.hentry, .woocommerce .site-main {
margin: 0;
margin-bottom: 2em;
background: #fff;
border: 1px solid #e1e1e1;
padding: 15px;
}
.page article.hentry .entry-title,
.blog article.hentry .entry-title,
.archive article.hentry .entry-title,
.single article.hentry .entry-title,
.search article.hentry .entry-title{
font-size: 24px;
text-transform: inherit;
font-weight: 500;
margin-bottom: 10px;
margin-top: 0;
}
.cat-links:before {
content: "\f07c";
font-family: "FontAwesome";
margin-right: 5px;
}
.cat-links {
border-right: 1px solid #aaaaaa;
padding-right: 10px;
}
.tags-links:before {
content: "\f02c";
font-family: "FontAwesome";
margin-right: 5px;
}
.tags-links {
padding-left: 10px;
}
.comments-link:before {
content: "\f086";
font-family: "FontAwesome";
margin-right: 5px;
}
.comments-link{
display: block;
margin-top: 15px;
}
.comments-title,
.comment-reply-title,
.comments-link {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.posted-on:before {
content: "\f274";
font-family: "FontAwesome";
margin-right: 5px;
}
.posted-on a,
.cat-links a,
.tags-links a,
.author a,
.comments-link a{
color: #212121;
font-weight: 500;
}
.posted-on a:hover,
.cat-links a:hover,
.tags-links a:hover,
.author a:hover,
.comments-link a:hover {
color: #028484;
}
.edit-link {
margin-left: 15px;
}
.edit-link a {
color: #212121;
font-weight: 700;
text-decoration: underline;
}
.edit-link a:hover,
.edit-link a:focus{
color: #028484;
}
.nav-links{
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 15px;
margin-top: 15px;
}
.nav-links:before,
.nav-links:after {
display: table;
content: "";
}
.nav-links:after {
clear: both;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
color: #212121;
display: inline-block;
font-size: 15px;
padding: 15px 15px 16px 24px;
position: relative;
text-transform: capitalize;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-previous a:focus,
.nav-links .nav-previous a:active,
.nav-links .nav-next a:hover,
.nav-links .nav-next a:focus,
.nav-links .nav-next a:active{
border-color: #DFB200;
color: #DFB200;
}
.nav-links .nav-next a{
padding-left: 14px;
padding-right: 30px;
}
.nav-links .nav-previous a:before,
.nav-links .nav-next a:after{
position: absolute;
font-family: "FontAwesome";
display: inline-block;
font-size: 24px;
line-height: 22px;
}
.nav-links .nav-previous a:before{
content: "\f100";
left: 0;
}
.nav-links .nav-next a:after{
content: "\f101";
right: 0;
left: auto;
}
@media screen and (min-width: 1199px){
.nav-links .nav-previous,
.nav-links .nav-next {
width: 50%;
float: left;
vertical-align: top;
}
.nav-links .nav-previous {
padding-right: 15px;
}
.nav-links .nav-next{
padding-left: 15px;
border-left: 1px solid #ccc;
}
}
@media screen and (max-width: 767px) {
.nav-links .nav-previous a,
.nav-links .nav-next a {
font-size: 16px;
text-align: center;
display: block;
}
}
/* ====================================================== */
/* Footer */
/* --------------------------------------- */
/* Site Info */
/* --------------------------------------- */
.site-footer,
.site-footer p,
.wrap-contact,
.wrap-contact .widget-title,
.wrap-contact .widgettitle,
.wrap-contact ul li,
.wrap-contact ul li a {
color: #fff;
}
.site-footer:after {
display: table;
content: "";
clear: both;
}
.site-info{
visibility: hidden; /*Afegit csierra, amaga el text de: Proudly powered by WordPress | Theme: Bizlight by eVisionThemes. */
/*width: 1170px;
margin: 0 auto;
padding: 13px 15px 15px;*/
}
/*@media only screen and (max-width: 1170px){
.site-info{
width: 96%;
margin: 0 auto;
}
.container:before,
.container:after{
display: block;
clear: both;
content: "";
}
}*/ /*Eliminat csierra, peu pàgina Proudly....Theme... */
@media screen and (max-width: 991px){
.site-content {
padding-top: 210px;
}
}
@media only screen and (max-width: 767px){
.site-info {
width: 100%;
float: none;
}
}
/* ====================================================== */
/* Content */
/* --------------------------------------- */
.site-content{
width: 1170px;
margin: 0 auto;
padding: 30px 15px 60px;
}
body.home .site-content {
width: 100%;
padding: 0;
}
body.home.blog .site-content {
max-width: 1170px;
padding: 40px 15px 0;
}
/*right-sidebar start*/
#primary,
body.evision-right-sidebar #primary {
float: left;
width: 68%;
}
#secondary,
body.evision-right-sidebar #secondary {
float: right;
width: 29%;
}
/*right-sidebar ends*/
/*left-sidebar start*/
body.evision-left-sidebar #primary {
float: right;
width: 68%;
}
body.evision-left-sidebar #secondary {
float: left;
width: 29%;
}
/*left-sidebar ends*/
/*no-sidebar start*/
body.evision-no-sidebar #primary {
float: left;
width: 100%;
}
body.error404 #primary {
float: none;
width: 60%;
margin-left: auto;
margin-right: auto;
}
/*no-sidebar ends*/
@media only screen and (max-width: 1170px){
.site-content{
width: 96%;
margin: 0 auto;
}
.container:before,
.container:after{
display: block;
clear: both;
content: "";
}
}
@media only screen and (max-width: 767px){
#primary,
body.evision-right-sidebar #primary,
body.evision-left-sidebar #primary,
#secondary,
body.evision-right-sidebar #secondary,
body.evision-left-sidebar #secondary {
width: 100%;
float: none;
}
}
/*post image position*/
article.hentry .image-full{
margin-bottom: 20px;
}
.entry-content .image-left {
float: left;
margin-right: 20px;
}
.entry-content .image-right {
float: right;
margin-left: 20px;
}
.entry-content .image-left {
float: left;
margin-right: 20px;
}
@media screen and (max-width: 991px){
.entry-content .left-image {
float: none;
margin-right: 0;
margin-bottom: 20px;
}
.entry-content .right-image {
float: none;
margin-left: 0;
margin-bottom: 20px;
}
}
/* Alignments */
/* --------------------------------------- */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Posts and Pages */
/* --------------------------------------- */
.page-header {
margin-top: 0;
border-bottom: none;
}
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline:before {
content: "\f007";
font-family: "FontAwesome";
margin-right: 5px;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-content img{
margin-bottom: 20px;
}
.single article.hentry .entry-title{
color: #028484;
}
/*page links/pagination*/
.page-links {
clear: both;
font-weight: 700;
margin-top: 2em;
margin-bottom: 2em;
}
.page-links a,
.page-links > span {
border: 1px solid #ccc;
display: inline-block;
font-size: 15px;
height: 2em;
line-height: 2;
margin: 0 3px 3px 3px;
text-align: center;
width: 2em;
}
.page-links a {
color: #212121;
}
.page-links a:hover,
.page-links a:focus,
.page-links > span:hover,
.page-links > span:focus {
border: 1px solid #41BFBF;
color: #028484;
}
/* Asides */
/* --------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/* Comments */
/* --------------------------------------- */
.comment-list + .comment-respond {
border-top: 1px solid #eaeaea;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6em;
}
.comments-title,
.comment-reply-title {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.comments-title {
margin-bottom: 1.3333em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #eaeaea;
padding: 1.6em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
color: #707070;
margin-bottom: 0.4em;
}
.comment-author a:hover {
border-bottom: 1px solid #707070;
}
.comment-author .avatar {
float: left;
height: 32px;
margin-right: 0.8em;
width: 32px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
-ms-border-radius: 30px;
}
.comment-metadata,
.pingback .edit-link {
color: #999999;
font-weight: 700;
}
.comment-metadata a,
.pingback .edit-link a {
color: #707070;
}
.comment-metadata a:hover,
.pingback .edit-link a:hover {
border-bottom: 1px solid #333333;
}
.comment-metadata a.comment-edit-link:hover{
border-bottom: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
color: #333333;
}
.comment-metadata {
margin-bottom: 1.6em;
}
.comment-metadata .edit-link {
margin-left: 1em;
}
.pingback .edit-link {
margin-left: 1em;
}
.pingback .edit-link:before {
top: 5px;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.6em 1.3333em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .reply {
font-size: 12px;
}
.comment-list .reply a {
border: 1px solid #eaeaea;
color: #707070;
display: inline-block;
font-weight: 700;
line-height: 1;
margin-top: 2em;
padding: 0.6167em 0.8333em;
text-transform: uppercase;
}
.comment-list .reply a:hover,
.comment-list .reply a:focus {
border-color: #333333;
color: #333333;
outline: 0;
}
.comment-form {
padding-top: 0;
}
.comment-form label {
color: #707070;
font-size: 15px;
font-weight: 700;
display: block;
line-height: 1.5;
text-transform: uppercase;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
}
.comment-form input[type="submit"] {
display: inline-block;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #707070;
font-size: 15px;
line-height: 1.5;
margin-bottom: 2em;
}
.logged-in-as a:hover {
border-bottom: 1px solid #333;
}
.no-comments {
border-top: 1px solid #eaeaea;
color: #707070;
font-weight: 700;
padding-top: 1.6em;
}
.comment-navigation + .no-comments {
border-top: 0;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #c0392b;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: auto;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Pagination */
/* --------------------------------------- */
.page-numbers {
border: 1px solid #cccccc;
color: #565656;
display: inline-block;
font-size: 18px;
height: 44px;
line-height: 40px;
text-align: center;
vertical-align: middle;
width: 44px;
background-color: #ffffff;
margin-top: 15px;
}
.page-numbers:hover,
.page-numbers:focus,
.page-numbers.current {
border: 1px solid #028484;
color: #028484;
}
/* Posts and Pages */
/* --------------------------------------- */
.error404 .search-form{
margin-bottom: 30px;
}
/* ====================================================== */
/* Infinite scroll */
/* --------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/* ====================================================== */
/* Media */
/* --------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* ====================================================== */
/* Captions */
/* --------------------------------------- */
.wp-caption {
margin-bottom: 1em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* ====================================================== */
/* Galleries */
/* --------------------------------------- */
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin-bottom: 15px;
margin-top: 15px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
@media only screen and (max-width: 767px){
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 100%;
}
}
@media only screen and (max-width: 480px){
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
max-width: 100%;
}
}
/* ====================================================== */
/* 10 Global */
/* --------------------------------------- */
/* 10.1 Nullify Bootstrap columns padding */
/* --------------------------------------- */
@media screen and (min-width: 768px){
.pad0l{
padding-left: 0px;
}
.pad0r{
padding-right: 0px;
}
.pad0lr{
padding-left: 0px;
padding-right: 0px;
}
}
/* 10.2 columns of same height */
/* --------------------------------------- */
.row-full-height {
height: 100%;
}
.col-full-height {
height: 100%;
vertical-align: middle;
}
/* vertical alignment styles */
.col-top {
vertical-align: top;
}
.col-middle {
vertical-align: middle;
}
.col-bottom {
vertical-align: bottom;
}
/*social icons styles*/
.evision-social-section ul{
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.evision-social-section ul li{
display: inline-block;
}
.evision-social-section a:before {
font-family: "FontAwesome";
font-size: 14px;
}
.evision-social-section a {
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 42px;
text-align: center;
width: 42px;
background-color: #3E4444;
color: #a7a7a7!important;
display: inline-block;
border: 1px solid #a7a7a7;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
}
.evision-social-section a:hover{
border: 1px solid rgba(0,0,0,0);
color: #ffffff !important;
background-color: #FFFFFF;
}
.evision-social-section a[href*="facebook.com"]:before {
content: "\f09a";
}
.evision-social-section a[href*="twitter.com"]:before {
content: "\f099";
}
.evision-social-section a[href*="linkedin.com"]:before {
content: "\f0e1";
}
.evision-social-section a[href*="youtube.com"]:before {
content: "\f167";
}
.evision-social-section a:hover[href*="facebook.com"] {
background-color: #3C579E;
}
.evision-social-section a:hover[href*="twitter.com"] {
background-color: #01BBF6;
}
.evision-social-section a:hover[href*="linkedin.com"] {
background-color: #1484C3;
}
.evision-social-section a:hover[href*="youtube.com"] {
background-color: #D62424;
}
.evision-social-section a:hover[href*="instagram.com"] {
background-color: #f46f30;
}
/*social group in nav section*/
.social-icon-only a{
font-size: 0;
}
.social-group-nav a:before {
font-size: 18px;
}
.social-group-nav a[href*=".com"] {
height: 36px;
line-height: 36px;
text-align: center;
vertical-align: middle;
width: 36px;
}
/*back-to-top section*/
.evision-back-to-top {
background: #ffC3C1 none repeat scroll 0 0; /*Modificat csierra: color fondo fletxa tornar pàgina a top, original: #028484*/
border-radius: 20px; /* BOTOTOP modificat csierra: original 2px*/
border: 1px solid #ffffff; /*afegit csierra*/
bottom: 15px;
color: #ffffff;
display: inline-block;
font-size: 28px;
padding: 8px 13px 9px;
position: fixed;
right: 15px;
z-index: 9999999;
}
.evision-back-to-top i{
color: #ffffff;
}
/*BOTOTOP Modificat csierra, estava comentat, l'he activat, quan ratolí damunt*/
.evision-back-to-top:hover,
.evision-back-to-top:focus {
background: #ffC3C1 none repeat scroll 0 0 !important; /*original: #656169; */
border-radius: 20px !important; /* BOTOTOP afegit csierra: original 2px*/
border: 1px solid #ffffff !important; /*afegit csierra a1a1a1*/
}
/*Fi comentat, l'he activat*/
/*overflow hidden*/
.overhidden{
overflow: hidden;
}
/* ====================================================== */
/* 11 Custom Pages */
/* --------------------------------------- */
/* Home page Style */
/* --------------------------------------- */
.evision-wrapper{
float: left;
width: 100%;
}
/*-------------------- block section -----------------*/
.block-section{
padding-top: 70px;
padding-bottom: 40px;
position: relative;
}
body.home .block-section{
text-align: center;
}
/*-------------------- block section -----------------*/
#breadcrumb {
visibility: hidden; /*afegit csierra per amagar path sub-pagina*/
background-color: #28536B; /*#009292*/
color: #565656;
font-size: 13px;
/* ELIMINAT ORIGINAL padding-bottom: 11px;
padding-top: 10px;*/
color: #ffC3C1; /*ffffff*/
}
#breadcrumb a{
color: #e1e1e1 !important;
}
#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active{
color: #ffffff !important;
}
#breadcrumb span{
margin-left: 5px;
margin-right: 5px;
}
#breadcrumb span:first-child{
margin-left: 0;
}
/*-------------------- header section -----------------*/
/*==================== eVision Nav Right Start====================*/
.site-header.evision-nav-right {
background-color: rgba(0, 0, 0, 0);
position: absolute;
width: 100%;
z-index: 2;
color: #ffffff;
padding-bottom: 15px;
text-align: left;
}
.home .site-header.navbar-fixed-top{
position: fixed;
z-index: 999;
}
body:not(.home) .site-header.evision-nav-right{
position: static;
background-color: #28536B !important; /*CANVI 07/11 modificat csierra, capçalera menu, original: 028484*/
}
.evision-nav-right .site-title:hover,
.evision-nav-right .site-title a:hover{
color: #cccccc;
}
.evision-nav-right .site-description{
color: #ffffff;
}
.evision-nav-right .main-navigation .nav-menu{
width: auto;
}
.site-header.evision-nav-right .main-navigation{
background-color: rgba(0, 0, 0, 0) !important;
}
.evision-nav-right .main-navigation ul {
text-align: right;
}
.evision-nav-right .main-navigation ul ul{
text-align: left;
}
.evision-banner-right-nav {
position: relative;
z-index: 1;
}
@media screen and (max-width: 1199px){
.main-navigation a {
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
}
@media screen and (max-width: 991px){
.main-navigation a {
padding: 10px;
}
}
@media screen and (max-width: 767px){
body.home .site-header.evision-nav-right{
position: static;
background-color: #28536B !important; /*CANVI 07/11 Modificat csierra: capçalera principal menú, original #028484*/
}
.evision-nav-right .main-navigation ul {
text-align: center;
}
}
/*==================== eVision Nav Right Start====================*/
/*-------------------- Slider section -----------------*/
.evision-wrap-banner{
border-bottom: 10px solid #28536B; /*ff0078*/ /*Modificat csierra, Base de color "verd" plantilla. Original: #028484*/
background-color: #555467;
position: relative;
}
.evision-main-slider {
position: relative;
overflow: hidden;
}
.evision-main-slider .cycle-slideshow{
overflow: hidden;
}
.evision-main-slider .slide-item{
width: 100%;
text-align: center;
}
.wrapper-slider .slide-item:not(:first-child) {
display: none;
visibility: hidden;
}
.evision-main-slider .slide-item .container-fluid{
background-color: #313131;
color: #ffffff;
background-position: top center;
background-size: cover;
background-repeat: repeat;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.evision-main-slider .slide-item .container-fluid .container{
padding-top: 10%;
padding-bottom: 9%;
}
.evision-slider-content{
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
word-wrap: break-word;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 80%;
}
.evision-slider-content p{
color: #ffffff;
}
.evision-main-slider .slide-item .main-title {
color: #ffffff;
line-height: 1;
}
.evision-main-slider .slide-item .main-title a,
.evision-main-slider .slide-item .main-title a:visted {
color: #fff;
font-size: 36px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
display: block;
}
.evision-main-slider .slide-item .main-title a:hover,
.evision-main-slider .slide-item .main-title a:focus,
.evision-main-slider .slide-item .main-title a:active {
color: #028484;
}
.evision-main-slider .slide-item .banner-con,
.evision-main-slider .slide-item .button {
margin-bottom: 20px;
}
.banner-divider {
background-color: #fff;
clear: both;
content: "";
display: inline-block;
height: 1px;
margin-left: auto;
margin-right: auto;
width: 90px;
margin-bottom: 10px;
transition: all 0.5s ease-in-out 0.2s;
}
.evision-main-slider .slide-item .button {
display: inline-block;
font-size: 14px;
line-height: 18px;
padding: 16px 35px 17px;
margin-top: 20px;
clear: both;
}
.evision-wrap-banner .controls {
position: absolute;
z-index: 999;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 15px;
}
.evision-wrap-banner .controls #bizlight-prev,
.evision-wrap-banner .controls #bizlight-next {
display: inline-block;
}
.evision-wrap-banner .controls #bizlight-prev i,
.evision-wrap-banner .controls #bizlight-next i {
font-size: 24px;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
padding: 12px 20px 13px;
transition: background-color 0.5s linear;
}
.evision-wrap-banner .controls #bizlight-prev i:hover,
.evision-wrap-banner .controls #bizlight-next i:hover {
background-color: #ffC3C1; /*#028484; ORIGINAL ratolí damunt fletxes a slider*/
}
.evision-wrap-banner .controls #bizlight-prev {
margin-left: 30px;
}
.evision-wrap-banner .controls #bizlight-next {
float: right;
margin-right: 30px;
}
.evision-wrap-banner #bizlight-pager {
text-align: center;
position: absolute;
bottom: 30px;
z-index: 999;
width: 100%;
text-align: right;
padding-right: 30px;
}
.evision-wrap-banner #bizlight-pager span {
height: 15px;
width: 15px;
margin-left: 5px;
margin-right: 5px;
cursor: pointer;
background-color: #999999;
display: inline-block;
font-size: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.evision-wrap-banner #bizlight-pager span:hover {
background-color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.evision-wrap-banner #bizlight-pager .cycle-pager-active {
background-color: #fff;
}
@media screen and (max-width: 1199px){
.evision-main-slider .slide-item .container-fluid .container{
padding-top: 10%;
padding-bottom: 8%;
}
.evision-slider-content {
font-size: 15px;
}
.evision-slider-content .main-title a{
font-size: 30px;
}
.evision-slider-content .banner-con {
margin-top: 15px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 991px){
.evision-slider-content {
font-size: 14px;
line-height: 1.4;
}
.evision-slider-content .main-title a{
font-size: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.evision-slider-content .banner-con {
margin-bottom: 0;
}
.evision-slider-content .button {
margin-top: 5px;
padding: 9px 16px 10px;
}
}
@media screen and (max-width: 767px) {
.evision-main-slider .slide-item .main-title a {
font-size: 24px;
}
.evision-main-slider .slide-item .button {
font-size: 12px;
line-height: normal;
padding: 11px 30px 12px;
}
.evision-wrap-banner .controls #bizlight-prev i,
.evision-wrap-banner .controls #bizlight-next i {
padding: 3px 10px 5px;
}
.evision-wrap-banner .controls #bizlight-prev {
margin-left: 15px;
}
.evision-wrap-banner .controls #bizlight-next {
margin-right: 15px;
}
.evision-wrap-banner #bizlight-pager{
bottom: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.evision-main-slider .slide-item .banner-con {
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px){
.evision-slider-content{
padding: 10px 15px 12px;
}
}
/*-------------------- Service section -----------------*/
.wrap-service.block-section {
background-color: #fff;
padding-top: 35px;
padding-bottom: 0;
}
.title-divider{
width: 60px;
height: 1px;
background-color: #ffC3C1; /*Modificat csierra, línia títol de Section Service, About, Blog, etc!!, original:028484 */
content: "";
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.wrap-service .block-row{
margin-top: 20px;
}
.box-inner{
background-color: #ffffff;
margin-bottom: 30px;
}
.icon-container{
position: relative;
z-index: 2;
}
.icon-container i {
border: 1px solid #ffC3C1; /*Modificat csierra: original border container #028484*/
border-radius: 100px;
color: #ffC3C1; /*Modificat csierra: original color icones #565656*/
display: inline-block;
font-size: 21px;
padding: 30px;
background-color: #ffffff;
}
.box-content {
margin-top: -33px;
padding: 58px 40px 40px;
position: relative;
z-index: 1;
}
.box-container .box-inner:hover .icon-container i,
.box-container .box-content,
.box-container h3,
.box-container .box-content p{
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.box-container .box-content{
color: #565656;
/*Afegit csierra: color fondo*/
/*background-color: #ffC3C1;*/ /*prova: 00ff78*/
}
.box-container .box-inner:hover .box-content{
background-color: #ffC3C1; /*Modificat csierra: Color fondo ratolí damunt, original #028484*/
}
.box-container .box-inner:hover h3,
.box-container .box-inner:hover .box-content p{
color: #ffffff;
}
.box-container h3{
margin-top: 0px;
margin-bottom: 25px;
}
.box-container .box-inner:hover h3,
.box-container .box-inner:hover li,
.box-container .box-inner:hover p{
color: #ffffff !important; /*Modificat csierra: Color text fondo ratolí damunt, original #ffffff*/
}
.box-container .box-inner:hover a{
color: #d5d5d5 !important;
}
.browse-more-btn{
margin-top: 60px;
}
/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.icon-container i {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.icon-container i:before {
bottom: 0;
left: 0;
line-height: 2.8em;
margin: auto;
position: absolute;
right: 0;
top: 0;
transform: translateZ(0px);
vertical-align: middle;
}
.box-container a:hover .icon-container i:before, .box-container a:focus .icon-container i, .box-container a:active .icon-container i {
-webkit-animation-name: hvr-icon-wobble-vertical;
animation-name: hvr-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@media screen and (max-width: 991px){
.box-container{
margin-bottom: 30px;
}
}
/*-------------------- About section -----------------*/
.wrap-about{
background-color: #f8f8f9;
padding-bottom: 60px;
}
.wrap-about .title-divider {
margin-right: 0;
}
.about-hero-par{
font-size: 15px;
margin-bottom: 30px;
}
.about-list {
margin-bottom: 15px;
}
.about-list:after{
display: table;
content: "";
clear: both;
}
.wrap-about h3{
font-weight: 600;
color: #414141;
}
.icon-section{
width: 60px;
margin-top: 15px;
}
.icon-section i {
background-color: #ffffff; /*Modficiat csierra, color fondo icones Service-section #028484; ORIGINAL*/
border-radius: 100px;
border: 1px solid #ffC3C1; /*Afegit csierra, no tenia bordejat, prova #ffC3C1*/
color: #ffC3C1; /*Modificat csierra, original ffffff*/
display: inline-block;
font-size: 24px;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.about-list:hover .icon-section i{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
@media screen and (min-width: 992px){
.about-content {
text-align: right;
padding-right: 45px;
color: #000000; /*Afegit csierra: color text descripcions secció about*/
}
.icon-section{
float: right;
}
.about-list-content{
float: left;
width: 85%; /*fallback*/
width: calc(100% - 80px);
}
}
@media screen and (max-width: 991px){
.wrap-about .title-divider {
margin-right: auto;
}
}
/*-------------------- Highlight section -----------------*/
.wrap-highlight{
background-image: url(https://www.ges4t.eu/wp-content/uploads/2017/03/featured_section_barra2.png); /*Substituit, fons de Featured Section. ORIGINAL: url(assets/img/heightlight-bg.jpg)*/ /*http://www.ges4t.eu/wp-content/themes/bizlight/assets/img/heightlight-bg.jpg*/
padding-bottom: 84px; /*Eliminat csierra, original: 70px*/
padding-top: 108px; /*Modificat csierra, original: 90px*/
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*afegit csierra per adaptar 'responsive' background image*/
background-repeat: no-repeat;
/*background-size: contain;*/
background-position: center;
}
.wrap-highlight h2{
color: #ffffff !important;
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 100px;
}
/*-------------------- Blog section -----------------*/
.wrap-blog {
background-color: #fff;
}
.single-thumb-inner{
margin-bottom: 30px;
}
.single-thumb-image{
position: relative;
overflow: hidden;
}
.single-thumb-image > img{
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
vertical-align: top;
}
.single-thumb-image .overlay,
.single-thumb-image .icon {
bottom: 0;
content: "";
height: 100%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
opacity: 0;
}
.single-thumb-image .overlay{
background-color: #565656; /*fallback*/
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.single-thumb-image .icon{
height: 80px;
bottom: -100%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.single-thumb-image:hover > img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.single-thumb-image:hover .overlay,
.single-thumb-image:hover .icon{
opacity: 1;
}
.single-thumb-image:hover .icon{
bottom: 0;
}
.single-thumb-image .icon a {
display: inline-block;
}
.single-thumb-image .icon span {
background-color: #28536B;
border-radius: 100px;
display: inline-block;
height: 80px;
line-height: 75px;
vertical-align: middle;
width: 80px;
}
.single-thumb-image .icon img{
vertical-align: middle;
}
.single-thumb-image .icon:hover{
opacity: 0.7;
}
.single-thumb-content{
text-align: left;
}
.single-thumb-container h3{
color: #028484;
font-weight: 600;
margin-top: 20px;
}
@media screen and (max-width: 991px){
.single-thumb-image {
margin-left: auto;
margin-right: auto;
width: 359px;
}
.single-thumb-content{
text-align: center;
}
}
@media screen and (max-width: 479px){
.single-thumb-image {
width: 290px;
}
}
/*-------------------- Testimonial section -----------------*/
.wrap-testimonial{
background-color: #28536B; /*modificat csierra: color fondo, original: #028484*/
/*inici afegit csierra*/
/*background-image: url(http://www.ges4t.eu/wp-content/uploads/2017/02/ges4t_bannerPSD5-1355x530.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; */
/*Fi afegit csierra*/
color: #000000; /*modificat csierra: testimoni nom color, original: ffffff*/
font-size: 16px;
line-height: 26px;
padding-top: 60px;
padding-bottom: 100px;
}
.testimonial-icon{
opacity: 0.2;
color: #ffffff;
font-size: 30px;
margin-bottom: 30px;
}
.wrap-testimonial p{
color: #000000; /*modificat csierra: text color, original: ffffff*/
}
.testimonial-sayer h3{
color: #ffffff;
font-weight: 600;
font-size: 16px;
margin-top: 30px;
}
.wrap-testimonial .carousel-indicators {
bottom: -70px;
}
.wrap-testimonial .carousel-indicators li{
margin-left: 5px;
margin-right: 5px;
}
.content-thumb img {
border-radius: 100%;
}
/*-------------------- Contact section -----------------*/
.wrap-contact{
background-color: #3E4444;
color: #ffffff;
padding-bottom: 0;
}
.wrap-contact .contact-inner{
padding-bottom: 40px;
border-bottom: 1px solid #555b5b;
}
.wrap-contact .widget{
text-align: left;
}
.contact-list:after {
clear: both;
content: "";
display: table;
}
.icon-area {
float: left;
margin-right: 15px;
width: 40px;
margin-top: 15px;
}
.icon-area i {
color: #ffffff;
font-size: 36px;
line-height: 26px;
opacity: 0.2;
}
.contact-detail {
float: left;
text-align: left;
width: 80%; /*fallback*/
width: calc(100% - 60px);
}
.contact-detail p{
color: #ffffff;
line-height: 26px;
}
.contact-detail a {
color: #ffffff;
margin-top: 5px;
display: block;
}
.contact-detail a:hover{
opacity: 0.6;
}
.site-footer,
.site-footer p,
.wrap-contact,
.wrap-contact .widget-title,
.wrap-contact .widgettitle,
.wrap-contact ul li,
.wrap-contact ul li a,
.wrap-contact ul li a:visited {
color: #fff !important;
}
.wrap-contact ul li a:hover,
.wrap-contact ul li a:focus,
.wrap-contact ul li a:active {
opacity: 0.7;
}
@media screen and (max-width: 991px){
.icon-area,
.contact-detail {
display: block;
float: none;
margin-bottom: 15px;
text-align: center;
width: 100%;
}
.icon-area{
margin-top: 30px;
}
}
/*-------------------- Footer section -----------------*/
.site-footer {
background-color: #252525; /*modificat csierra: color fondo del footer a la one-page, original: 3e4444*/
text-align: center;
padding-top: 5px; /*modificat csierra, original 20px*/
padding-bottom: 2.5px; /*modificat csierra, original 10px*/
}
.footer-social-container{
margin-bottom: 15px;
}
.footer-social-container ul li{
margin-bottom: 15px;
}
.site-footer,
.site-info,
.site-info a{
color: #cccccc !important;
}
.site-info a:hover{
color: #ffffff !important;
}
/*----------------------------------------------------*/
/*-------------------- Contact Page -----------------*/
.wrap-contact-page{
font-size: 14px;
}
.wrap-contact-page h2{
color: #24baba;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 30px;
}
.contact-form{
color: #414141;
margin-top: 50px;
}
.contact-form .wpcf7-textarea{
min-height: 210px;
}
.contact-form input,
.contact-form textarea{
margin-top: 10px;
}
.contact-sidebar p{
margin-bottom: 10px;
}
.contact-widget{
font-size: 15px;
margin-bottom: 60px;
}
.wrap-contact .widget-title,
.wrap-contact .widgettitle{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-left: medium none;
padding-left: 0;
}
.contact-widget h3{
color: #24baba;
font-size: 15px;
font-weight: 600;
}
@media screen and (min-width: 992px){
.contact-right{
margin-right: 20px;
}
.contact-sidebar{
margin-left: 30px;
}
.contact-form .wpcf7-submit {
display: inline-block;
padding-left: 50px;
padding-right: 50px;
width: auto;
}
}
@media screen and (max-width: 991px){
.contact-sidebar{
text-align: center;
margin-top: 40px;
}
}
/*WooCommerce Compatible*/
.woocommerce .site-main {
margin: 0;
margin-bottom: 2em;
background: #fff;
border: 1px solid #e1e1e1;
padding: 15px;
}
.woocommerce nav.woocommerce-pagination ul {
display: block;
border: none;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li{
float: none;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce .cart .button,
.woocommerce .cart input.button{
padding: 10px 16px 11px;
font-size: 13px;
color: #fff;
line-height: 1.2;
background-color: #28536B;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
background-color: #ccc;/*#016161*/
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text{
max-height: 42px;
}
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="url"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="tel"]{
height: 42px;
}
@media screen and (max-width: 479px){
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus{
padding: 13px 20px 14px;
font-size: 12px;
}
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
height: 37px;
border-radius: 3px;
border: 1px solid #ccc;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
height: 37px;
}
/*BBpress Compatible*/
.wp-editor-container input[type="button"] {
background-color: inherit !important;
}
.wp-editor-container input[type="button"]:hover,
.wp-editor-container input[type="button"]:focus {
background-color: inherit !important;
border: inherit !important;
}
.slide-item:not(:first-child) {
display: none;
visibility: hidden;
}
//Afegit csierra per disable slider button