universal 0.3.2 → 0.3.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/banner.html +2 -2
  3. data/_includes/cta.questions.html +2 -2
  4. data/_includes/customers.html +2 -2
  5. data/_includes/get.it.html +4 -2
  6. data/_includes/head.html +4 -11
  7. data/_includes/header.prod.html +37 -26
  8. data/_includes/header.sales-no-tel.html +34 -6
  9. data/_includes/header.sales.html +39 -7
  10. data/_includes/offer.html +12 -12
  11. data/_includes/team.html +2 -2
  12. data/_includes/testimonials.html +3 -3
  13. data/assets/css/combined copy.css +357 -0
  14. data/assets/css/combined.css +60 -59
  15. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9d2c3c17cb262bd6c0137c4fcff7a9849f192cff440f1a9cd4e2f5133ea2546b
4
- data.tar.gz: 952c19762cf07219267fcfa868ad72186bfc55d37c9df1f5b95fb7c24c6ccbd2
3
+ metadata.gz: 854b0d08ecb55532cc98747ff0987a6324092fb2db085782e55aa709ab8681d4
4
+ data.tar.gz: 4da7395deb55a74ecbcdaca8afeab99d58ae69d3baa1ba0eba887e61cf356180
5
5
  SHA512:
6
- metadata.gz: 2974352a9ea0393fddb618799d57209294463ea91341f7ac9888351602790ccfcfc3c97c669bd5a4da0f6632052dbabd1ce59e23a71989aa9063db73b7e49081
7
- data.tar.gz: 00de644e992675698599bcab791da560656d0e679ac97067c83996d8b61a4110881da0521a3a7c3a79660d18d4bd4af14c97972d8730fdb4a297c33ae169b7fd
6
+ metadata.gz: d03f0872630c030ed656658dfbcfc6076314098dacfacbaab6edb914d29ccc9cc079c9e4d0d931a41fc168b5e28f0be874c64fec522f29ace9d74d0b97e57ccc
7
+ data.tar.gz: 15ec28ea61341e8c0c0cec121264c8af2bdfbcc902dbc35bd6015a14c49052c7992173af8e4f318ad2295efb90343d77ebb6229d71f1c3db353c8a7101ddca19
data/_includes/banner.html CHANGED
@@ -7,8 +7,8 @@
7
7
  <br>
8
8
  <h1 class="text-uppercase">{{ site.title }}</h1>
9
9
  <br>
10
- <h3 class="text-uppercase">{{ site.proposition }}</h3>
11
- <p class="lead">{{ site.subproposition }}</p>
10
+ <h3 class="text-uppercase">{{ page.proposition }}</h3>
11
+ <p class="lead">{{ page.subproposition }}</p>
12
12
  <p class="text-center">
13
13
  <a href="#footer" class="btn btn-default btn-lg">Contactez nous !</a>
14
14
  </p>
data/_includes/cta.questions.html CHANGED
@@ -5,8 +5,8 @@
5
5
  <div class="col-md-12">
6
6
  <div class="icon icon-lg"><i class="fa fa-question"></i>
7
7
  </div>
8
- <h3 class="text-uppercase" v-html="page.questions_title">Vous avez encore des questions ?</h3>
9
- <p class="lead" v-html="page.questions_subtitle">Notre équipe se fera un plaisir de répondre à toutes vos interrogations.</p>
8
+ <h3 class="text-uppercase">Vous avez encore des questions ?</h3>
9
+ <p class="lead">Notre équipe se fera un plaisir de répondre à toutes vos interrogations.</p>
10
10
  <p class="text-center">
11
11
  <a href="#footer" class="btn btn-template-transparent-black btn-lg">Contactez nous !</a>
12
12
  </p>
data/_includes/customers.html CHANGED
@@ -3,11 +3,11 @@
3
3
  <div class="row">
4
4
  <div class="col-md-12">
5
5
  <div class="heading text-center">
6
- <h2>{{ site.customers_section_title }}</h2>
6
+ <h2>{{ page.customers_section_title }}</h2>
7
7
  </div>
8
8
 
9
9
  <ul class="owl-carousel customers">
10
- {% for customer in site.customer %}
10
+ {% for customer in page.customer %}
11
11
  <li class="item">
12
12
  <img src="assets/img/customer-{{ customer.name }}.png" alt="{{ customer.name }}" class="img-responsive">
13
13
  </li>
data/_includes/get.it.html CHANGED
@@ -15,10 +15,12 @@
15
15
  </div>
16
16
  </div>
17
17
  </div>
18
- <div class="container">
18
+ <div id="collapse3a" class="panel-collapse collapse">
19
19
  <div class="panel-group accordion" id="accordionThree">
20
+
21
+ <div class="container">
20
22
  <div class="panel panel-default">
21
- <div id="collapse3a" class="panel-collapse collapse">
23
+
22
24
  <div class="panel-body">
23
25
 
24
26
  <script src="https://drrjhlchpvi7e.cloudfront.net/libs/stamplay-js-sdk/2.1.4/stamplay.min.js" async></script>
data/_includes/head.html CHANGED
@@ -15,18 +15,11 @@
15
15
  .bar.background-image-fixed-1 {
16
16
  background: url("../img/fixed-background-1.jpg") center top / cover no-repeat fixed;
17
17
  }
18
+ #all {
19
+ overflow-x:hidden;
20
+ width:100%;
21
+ }
18
22
  </style>
19
-
20
- <!-- Favicon and apple touch icons-->
21
- <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
22
- <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
23
- <link rel="apple-touch-icon" sizes="57x57" href="assets/img/apple-touch-icon-57x57.png">
24
- <link rel="apple-touch-icon" sizes="72x72" href="assets/img/apple-touch-icon-72x72.png">
25
- <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-touch-icon-76x76.png">
26
- <link rel="apple-touch-icon" sizes="114x114" href="assets/img/apple-touch-icon-114x114.png">
27
- <link rel="apple-touch-icon" sizes="120x120" href="assets/img/apple-touch-icon-120x120.png">
28
- <link rel="apple-touch-icon" sizes="144x144" href="assets/img/apple-touch-icon-144x144.png">
29
- <link rel="apple-touch-icon" sizes="152x152" href="assets/img/apple-touch-icon-152x152.png">
30
23
 
31
24
  <noscript>
32
25
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
data/_includes/header.prod.html CHANGED
@@ -7,8 +7,7 @@ _________________________________________________________ -->
7
7
  <div class="row">
8
8
  <div class="col-xs-5 contact">
9
9
  <p class="hidden-sm hidden-xs">Contactez nous au {{ site.phone }} ou à {{ site.email }}.</p>
10
- <p class="hidden-md hidden-lg"><a href="tel:{{ site.phonelink }}" data-animate-hover="pulse"><i class="fa fa-phone"></i></a> <a href="mailto:{{ site.email }}" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
11
- </p>
10
+
12
11
  </div>
13
12
  <div class="col-xs-7">
14
13
  <div class="social">
@@ -16,13 +15,13 @@ _________________________________________________________ -->
16
15
  <a href="{{ social.url }}" class="external {{ social.title }}" data-animate-hover="pulse"><i class="fa fa-{{ social.title }}"></i></a>
17
16
  {% endfor %}
18
17
  <a href="mailto:{{ site.email }}" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
18
+ <a href="tel:{{ site.phonelink }}" data-animate-hover="pulse" class="hidden-md hidden-lg"><i class="fa fa-phone"></i></a>
19
19
  </div>
20
20
  </div>
21
21
  </div>
22
22
  </div>
23
23
  </div>
24
- <!-- *** TOP END *** -->
25
- <!-- *** NAVBAR ***
24
+ <!-- *** TOP END *** --> <!-- *** NAVBAR ***
26
25
  _________________________________________________________ -->
27
26
 
28
27
  <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
@@ -31,51 +30,63 @@ _________________________________________________________ -->
31
30
 
32
31
  <div class="container">
33
32
  <div class="navbar-header">
34
- <a class="navbar-brand home" href="#">
35
- <img src="assets/img/logo.png" alt="logo {{ site.title }}" class="hidden-xs hidden-sm">
36
- <img src="assets/img/logo-small.png" alt="logo {{ site.title }}" class="visible-xs visible-sm">
33
+
34
+ <a class="navbar-brand home" href="index.html">
37
35
  <span class="sr-only">{{ site.title }} - Retourner à l'accueil</span>
38
36
  </a>
39
37
  <div class="navbar-buttons">
40
38
  <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
41
- <span class="sr-only">Naviguer</span>
42
- <i class="fa fa-align-justify"></i>
43
- </button>
39
+ <span class="sr-only">Toggle navigation</span>
40
+ <i class="fa fa-align-justify"></i>
41
+ </button>
44
42
  </div>
45
43
  </div>
44
+ <!--/.navbar-header -->
46
45
 
47
46
  <div class="navbar-collapse collapse" id="navigation">
48
47
  <ul class="nav navbar-nav navbar-right">
49
-
50
- <li class="dropdown">
51
-
48
+ <li>
52
49
  <a href="#">Accueil</a>
53
-
54
50
  </li>
55
-
56
- <li class="dropdown">
57
-
51
+ <li>
58
52
  <a href="#offre">Offre</a>
59
-
60
53
  </li>
54
+ <li>
55
+ <a href="#equipe">Equipe</a>
56
+ </li>
57
+ <li>
58
+ <a href="#footer">Contact</a>
59
+ </li>
60
+
61
+ </ul>
62
+ </div>
63
+ <!--/.nav-collapse -->
61
64
 
62
- <li class="dropdown">
63
65
 
64
- <a href="#equipe">Equipe</a>
65
66
 
66
- </li>
67
+ <div class="collapse clearfix" id="search">
67
68
 
68
- <li class="dropdown">
69
+ <form class="navbar-form" role="search">
70
+ <div class="input-group">
71
+ <input type="text" class="form-control" placeholder="Search">
72
+ <span class="input-group-btn">
69
73
 
70
- <a href="#footer">Contact</a>
74
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
71
75
 
72
- </li>
76
+ </span>
77
+ </div>
78
+ </form>
73
79
 
74
- </ul>
75
80
  </div>
81
+ <!--/.nav-collapse -->
82
+
76
83
  </div>
84
+
85
+
77
86
  </div>
78
- </div>
87
+ <!-- /#navbar -->
79
88
 
80
89
  <!-- *** NAVBAR END *** -->
90
+
91
+
81
92
  </header>
data/_includes/header.sales-no-tel.html CHANGED
@@ -7,8 +7,6 @@ _________________________________________________________ -->
7
7
  <div class="row">
8
8
  <div class="col-xs-5 contact">
9
9
  <p class="hidden-sm hidden-xs">Contactez nous à {{ site.email }}.</p>
10
- <p class="hidden-md hidden-lg"><a href="'mailto:'{{ site.email }}" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
11
- </p>
12
10
  </div>
13
11
  <div class="col-xs-7">
14
12
  <div class="social">
@@ -31,12 +29,18 @@ _________________________________________________________ -->
31
29
 
32
30
  <div class="container">
33
31
  <div class="navbar-header">
34
- <a class="navbar-brand home" href="#">
35
- <img src="assets/img/logo.png" alt="logo {{ site.title }}" class="hidden-xs hidden-sm">
36
- <img src="assets/img/logo-small.png" alt="logo {{ site.title }}" class="visible-xs visible-sm">
32
+
33
+ <a class="navbar-brand home" href="index.html">
37
34
  <span class="sr-only">{{ site.title }} - Retourner à l'accueil</span>
38
35
  </a>
36
+ <div class="navbar-buttons">
37
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
38
+ <span class="sr-only">Toggle navigation</span>
39
+ <i class="fa fa-align-justify"></i>
40
+ </button>
41
+ </div>
39
42
  </div>
43
+ <!--/.navbar-header -->
40
44
 
41
45
  <div class="navbar-collapse collapse" id="navigation">
42
46
  <ul class="nav navbar-nav navbar-right">
@@ -55,9 +59,32 @@ _________________________________________________________ -->
55
59
 
56
60
  </ul>
57
61
  </div>
62
+ <!--/.nav-collapse -->
63
+
64
+
65
+
66
+ <div class="collapse clearfix" id="search">
67
+
68
+ <form class="navbar-form" role="search">
69
+ <div class="input-group">
70
+ <input type="text" class="form-control" placeholder="Search">
71
+ <span class="input-group-btn">
72
+
73
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
74
+
75
+ </span>
76
+ </div>
77
+ </form>
78
+
79
+ </div>
80
+ <!--/.nav-collapse -->
81
+
58
82
  </div>
83
+
84
+
59
85
  </div>
60
- <div id="top">
86
+ <!-- /#navbar -->
87
+ <div id="top">
61
88
  <div class="row">
62
89
  <p class="text-center">
63
90
  <a class="btn btn-warning" onclick="document.getElementById('order').click()" href="#get-it">Je veux ce site !</a>
@@ -67,4 +94,5 @@ _________________________________________________________ -->
67
94
  </div>
68
95
 
69
96
  <!-- *** NAVBAR END *** -->
97
+
70
98
  </header>
data/_includes/header.sales.html CHANGED
@@ -7,8 +7,7 @@ _________________________________________________________ -->
7
7
  <div class="row">
8
8
  <div class="col-xs-5 contact">
9
9
  <p class="hidden-sm hidden-xs">Contactez nous au {{ site.phone }} ou à {{ site.email }}.</p>
10
- <p class="hidden-md hidden-lg"><a href="tel:{{ site.phonelink }}" data-animate-hover="pulse"><i class="fa fa-phone"></i></a> <a href="'mailto:'{{ site.email }}" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
11
- </p>
10
+
12
11
  </div>
13
12
  <div class="col-xs-7">
14
13
  <div class="social">
@@ -16,12 +15,15 @@ _________________________________________________________ -->
16
15
  <a href="{{ social.url }}" class="external {{ social.title }}" data-animate-hover="pulse"><i class="fa fa-{{ social.title }}"></i></a>
17
16
  {% endfor %}
18
17
  <a href="mailto:{{ site.email }}" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
18
+ <a href="tel:{{ site.phonelink }}" data-animate-hover="pulse" class="hidden-md hidden-lg"><i class="fa fa-phone"></i></a>
19
19
  </div>
20
20
  </div>
21
21
  </div>
22
22
  </div>
23
23
  </div>
24
24
  <!-- *** TOP END *** -->
25
+
26
+
25
27
  <!-- *** NAVBAR ***
26
28
  _________________________________________________________ -->
27
29
 
@@ -31,12 +33,18 @@ _________________________________________________________ -->
31
33
 
32
34
  <div class="container">
33
35
  <div class="navbar-header">
34
- <a class="navbar-brand home" href="#">
35
- <img src="assets/img/logo.png" alt="logo {{ site.title }}" class="hidden-xs hidden-sm">
36
- <img src="assets/img/logo-small.png" alt="logo {{ site.title }}" class="visible-xs visible-sm">
36
+
37
+ <a class="navbar-brand home" href="index.html">
37
38
  <span class="sr-only">{{ site.title }} - Retourner à l'accueil</span>
38
39
  </a>
40
+ <div class="navbar-buttons">
41
+ <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
42
+ <span class="sr-only">Toggle navigation</span>
43
+ <i class="fa fa-align-justify"></i>
44
+ </button>
45
+ </div>
39
46
  </div>
47
+ <!--/.navbar-header -->
40
48
 
41
49
  <div class="navbar-collapse collapse" id="navigation">
42
50
  <ul class="nav navbar-nav navbar-right">
@@ -55,16 +63,40 @@ _________________________________________________________ -->
55
63
 
56
64
  </ul>
57
65
  </div>
66
+ <!--/.nav-collapse -->
67
+
68
+
69
+
70
+ <div class="collapse clearfix" id="search">
71
+
72
+ <form class="navbar-form" role="search">
73
+ <div class="input-group">
74
+ <input type="text" class="form-control" placeholder="Search">
75
+ <span class="input-group-btn">
76
+
77
+ <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
78
+
79
+ </span>
80
+ </div>
81
+ </form>
82
+
83
+ </div>
84
+ <!--/.nav-collapse -->
85
+
58
86
  </div>
87
+
88
+
59
89
  </div>
60
- <div id="top">
90
+ <!-- /#navbar -->
91
+ <div id="top">
61
92
  <div class="row">
62
93
  <p class="text-center">
63
- <a class="btn btn-warning" onclick="document.getElementById('order').click()" href="#get-it">Je veux ce site !</a>
94
+ <a class="btn btn-danger" onclick="document.getElementById('order').click()" href="#get-it">Je veux ce site !</a>
64
95
  </p>
65
96
  </div>
66
97
  </div>
67
98
  </div>
68
99
 
69
100
  <!-- *** NAVBAR END *** -->
101
+
70
102
  </header>
data/_includes/offer.html CHANGED
@@ -8,8 +8,8 @@
8
8
  <div class="icon">
9
9
  <i class="fa fa-book"></i>
10
10
  </div>
11
- <h3>{{ site.offer_1 }}</h3>
12
- <p>{{ site.comment_1 }}</p>
11
+ <h3>{{ page.offer_1 }}</h3>
12
+ <p>{{ page.comment_1 }}</p>
13
13
  </div>
14
14
  </div>
15
15
 
@@ -18,8 +18,8 @@
18
18
  <div class="icon">
19
19
  <i class="fa fa-users"></i>
20
20
  </div>
21
- <h3>{{ site.offer_2 }}</h3>
22
- <p>{{ site.comment_2 }}</p>
21
+ <h3>{{ page.offer_2 }}</h3>
22
+ <p>{{ page.comment_2 }}</p>
23
23
  </div>
24
24
  </div>
25
25
 
@@ -28,8 +28,8 @@
28
28
  <div class="icon">
29
29
  <i class="fa fa-bank"></i>
30
30
  </div>
31
- <h3>{{ site.offer_3 }}</h3>
32
- <p>{{ site.comment_3 }}</p>
31
+ <h3>{{ page.offer_3 }}</h3>
32
+ <p>{{ page.comment_3 }}</p>
33
33
  </div>
34
34
  </div>
35
35
 
@@ -44,8 +44,8 @@
44
44
  <div class="icon">
45
45
  <i class="fa fa-lightbulb-o"></i>
46
46
  </div>
47
- <h3>{{ site.offer_4 }}</h3>
48
- <p>{{ site.comment_4 }}</p>
47
+ <h3>{{ page.offer_4 }}</h3>
48
+ <p>{{ page.comment_4 }}</p>
49
49
  </div>
50
50
  </div>
51
51
 
@@ -54,8 +54,8 @@
54
54
  <div class="icon">
55
55
  <i class="fa fa-check-square-o"></i>
56
56
  </div>
57
- <h3>{{ site.offer_5 }}</h3>
58
- <p>{{ site.comment_5 }}</p>
57
+ <h3>{{ page.offer_5 }}</h3>
58
+ <p>{{ page.comment_5 }}</p>
59
59
  </div>
60
60
  </div>
61
61
 
@@ -64,8 +64,8 @@
64
64
  <div class="icon">
65
65
  <i class="fa fa-compass"></i>
66
66
  </div>
67
- <h3>{{ site.offer_6 }}</h3>
68
- <p>{{ site.comment_6 }}
67
+ <h3>{{ page.offer_6 }}</h3>
68
+ <p>{{ page.comment_6 }}
69
69
  </div>
70
70
  </div>
71
71
 
data/_includes/team.html CHANGED
@@ -2,11 +2,11 @@
2
2
  <div class="container" id="equipe">
3
3
  <div class="col-md-12">
4
4
  <div class="heading text-center">
5
- <h2>{{ site.team_section_title }}</h2>
5
+ <h2>{{ page.team_section_title }}</h2>
6
6
  </div>
7
7
 
8
8
  <div class="row">
9
- {% for team in site.team %}
9
+ {% for team in page.team %}
10
10
  <div class="col-md-3 col-sm-3">
11
11
  <div class="team-member">
12
12
  <div class="image">
data/_includes/testimonials.html CHANGED
@@ -3,16 +3,16 @@
3
3
  <div class="row">
4
4
  <div class="col-md-12">
5
5
  <div class="heading text-center">
6
- <h2>{{ site.testimonials_section_title }}</h2>
6
+ <h2>{{ page.testimonials_section_title }}</h2>
7
7
  </div>
8
8
 
9
- <p class="lead">{{ site.testimonials_section_subtitle }}</p>
9
+ <p class="lead">{{ page.testimonials_section_subtitle }}</p>
10
10
 
11
11
  <!-- *** TESTIMONIALS CAROUSEL ***
12
12
  _________________________________________________________ -->
13
13
 
14
14
  <ul class="owl-carousel testimonials same-height-row">
15
- {% for testimonials in site.testimonials %}
15
+ {% for testimonials in page.testimonials %}
16
16
  <li class="item">
17
17
  <div class="testimonial same-height-always">
18
18
  <div class="text">
data/assets/css/combined copy.css ADDED
@@ -0,0 +1,357 @@
1
+
2
+ .gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div { font-weight: 400; }
3
+ .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div { font-size: 10px; }
4
+ .gm-style-pbc { transition: opacity ease-in-out; background-color: rgba(0, 0, 0, 0.45); text-align: center; }
5
+ .gm-style-pbt { font-size: 22px; color: white; font-family: Roboto, Arial, sans-serif; position: relative; margin: 0px; top: 50%; transform: translateY(-50%); }
6
+ .clearfix::before, .clearfix::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after { content: " "; display: table; }
7
+ .clearfix::after, .navbar::after, .navbar-header::after { clear: both; }
8
+ .pull-right { float: right !important; }
9
+ .pull-left { float: left !important; }
10
+ .affix { position: fixed; transform: translate3d(0px, 0px, 0px); }
11
+ a, button { transition: all 0.2s ease-out; }
12
+ a i.fa, button i.fa { margin: 0px 5px; }
13
+ .clickable { cursor: pointer !important; }
14
+ .text-uppercase { text-transform: uppercase; letter-spacing: 0.08em; }
15
+ p.lead { margin-bottom: 40px; }
16
+ .no-mb { margin-bottom: 0px !important; }
17
+ .heading { margin-bottom: 40px; }
18
+ .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: 5px solid rgb(70, 127, 191); line-height: 1.1; margin-bottom: 0px; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.06em; }
19
+ .heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background: rgb(70, 127, 191); width: 30px; height: 30px; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 30px; border-radius: 15px; }
20
+ .icon { display: inline-block; width: 80px; height: 80px; color: rgb(255, 255, 255); line-height: 80px; border-radius: 40px; border: 1px solid rgb(255, 255, 255); font-size: 20px; }
21
+ .icon.icon-lg { font-size: 30px; border-width: 2px; }
22
+ .pages-listing .item { text-align: center; }
23
+ .pages-listing .item h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.08em; }
24
+ .pages-listing .item h3 a { color: rgb(85, 85, 85); }
25
+ .pages-listing .item .text { margin-bottom: 20px; }
26
+ .pages-listing .item .text p { color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 20px; }
27
+ #top { background: rgb(85, 85, 85); color: rgb(238, 238, 238); padding: 10px 0px; }
28
+ #top p { margin: 0px; font-size: 12px; }
29
+ #top .social { float: right; text-align: right; }
30
+ #top .social a { color: rgb(153, 153, 153); display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; }
31
+ #top .social a:hover { color: rgb(255, 255, 255); }
32
+ #top .social a:hover.linkedin { background-color: rgb(14, 118, 168); }
33
+ #top .social a:hover.facebook { background-color: rgb(68, 96, 174); }
34
+ #top .social a:hover.gplus { background-color: rgb(194, 31, 37); }
35
+ #top .social a:hover.twitter { background-color: rgb(51, 204, 255); }
36
+ #top .social a:hover.instagram { background-color: rgb(205, 67, 120); }
37
+ #top .social a:hover.email { background-color: rgb(74, 127, 69); }
38
+ #top .login { float: right; }
39
+ #top .login a { font-size: 12px; color: rgb(238, 238, 238); margin-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; }
40
+ #top.light { background: rgb(255, 255, 255); color: rgb(153, 153, 153); border-bottom: 1px solid rgb(238, 238, 238); }
41
+ #top.light .login a { color: rgb(85, 85, 85); }
42
+ .navbar { border: none; }
43
+ .navbar ul.nav > li > a { text-transform: uppercase; text-decoration: underline; font-weight: bold; letter-spacing: 0.08em; border-top: 5px solid transparent; }
44
+ .navbar ul.nav > li > a:hover { border-top: 5px solid rgb(70, 127, 191); }
45
+ .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top: 5px solid rgb(41, 77, 118); text-decoration: none !important; }
46
+ .navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid rgb(41, 77, 118); background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
47
+ .navbar.navbar-light ul.nav > li.active > a:hover { border-top: 5px solid rgb(41, 77, 118); }
48
+ .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: 5px solid rgb(70, 127, 191); background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
49
+ .navbar ul.dropdown-menu { margin: 0px; padding: 0px; }
50
+ .navbar ul.dropdown-menu li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 0px; }
51
+ .navbar ul.dropdown-menu li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; left: 0px; }
52
+ .navbar ul.dropdown-menu li a:hover { color: rgb(70, 127, 191); text-decoration: none; background: none; left: 2px; transition: all 0.2s ease-out; }
53
+ .navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
54
+ .navbar .yamm-content h5 { text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
55
+ .navbar .yamm-content ul { margin: 0px; padding: 0px; }
56
+ .navbar .yamm-content ul li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; padding: 4px 0px; }
57
+ .navbar .yamm-content ul li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; }
58
+ .navbar .yamm-content ul li a:hover { color: rgb(70, 127, 191); text-decoration: none; padding-left: 2px; }
59
+ .navbar .yamm-content .banner { margin-bottom: 10px; }
60
+ .navbar .yamm-fw .dropdown-menu { padding: 0px; }
61
+ .navbar .navbar-buttons { float: right; }
62
+ .navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin: 11px 5px 11px 0px; }
63
+ .navbar .btn-default, .navbar .btn-default.navbar-toggle { color: rgb(153, 153, 153); background-color: rgb(255, 255, 255); margin-left: 7px; margin-right: 0px; }
64
+ .navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); color: rgb(70, 127, 191); }
65
+ .navbar #search { clear: both; border-top: 1px solid rgb(70, 127, 191); text-align: right; }
66
+ .navbar #search form { float: right; }
67
+ .navbar #search form .input-group { width: 500px; }
68
+ .navbar #basket-overview a { margin-left: 7px; }
69
+ .navbar-affixed-top { top: -32px; }
70
+ .navbar-affixed-top.affix { position: fixed; width: 100%; top: 0px; z-index: 1000; box-shadow: rgb(204, 204, 204) 0px 0px 5px; transition: all 0.5s ease-out; }
71
+ body.boxed .navbar-affixed-top.affix { position: static; }
72
+ .btn { font-weight: 700; font-family: Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857; border-radius: 0px; }
73
+ .input-group .btn { font-size: 14px; }
74
+ .btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33; border-radius: 0px; }
75
+ .btn-template-main { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
76
+ .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color: rgb(70, 127, 191); background-color: rgb(230, 230, 230); border-color: rgb(51, 97, 148); }
77
+ .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { background-image: none; }
78
+ .btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
79
+ .btn-template-main .badge { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
80
+ .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: rgb(70, 127, 191); color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
81
+ .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
82
+ .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { background-image: none; }
83
+ .btn-template-transparent-primary.disabled, .btn-template-transparent-primary[disabled], fieldset[disabled] .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary[disabled]:hover, fieldset[disabled] .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary[disabled]:focus, fieldset[disabled] .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary[disabled]:active, fieldset[disabled] .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary[disabled].active, fieldset[disabled] .btn-template-transparent-primary.active { background-color: transparent; border-color: rgb(255, 255, 255); }
84
+ .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: rgb(255, 255, 255); color: rgb(70, 127, 191); border-color: rgb(255, 255, 255); }
85
+ .btn-template-transparent-black { color: rgb(255, 255, 255); background-color: transparent; border-color: rgb(255, 255, 255); }
86
+ .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
87
+ .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { background-image: none; }
88
+ .btn-template-transparent-black.disabled, .btn-template-transparent-black[disabled], fieldset[disabled] .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black[disabled]:hover, fieldset[disabled] .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black[disabled]:focus, fieldset[disabled] .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black[disabled]:active, fieldset[disabled] .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black[disabled].active, fieldset[disabled] .btn-template-transparent-black.active { background-color: transparent; border-color: rgb(255, 255, 255); }
89
+ .btn-template-transparent-black .badge { color: transparent; background-color: rgb(255, 255, 255); }
90
+ .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }
91
+ .btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: rgb(255, 255, 255); background-color: rgb(54, 102, 156); border-color: rgb(51, 97, 148); }
92
+ .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { background-image: none; }
93
+ .btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); }
94
+ #intro .item { font-family: Roboto, Helvetica, Arial, sans-serif; height: 100%; }
95
+ #intro .item h1 { text-transform: uppercase; font-size: 50px; color: rgb(255, 255, 255); margin-bottom: 40px; letter-spacing: 0.08em; }
96
+ #intro .item h3 { color: rgb(255, 255, 255); margin-bottom: 40px; }
97
+ #intro .item .btn { text-transform: none; }
98
+ #intro .container, #intro .row { height: 100%; position: relative; }
99
+ .jumbotron .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(70, 127, 191); opacity: 0.9; }
100
+ .jumbotron p.text-uppercase { font-weight: 700; }
101
+ .container .jumbotron { border-radius: 0px; }
102
+ .jumbotron .container { max-width: 100%; z-index: 2; }
103
+ .panel.sidebar-menu .panel-body { padding: 0px; }
104
+ .panel.sidebar-menu .panel-body span.colour { display: inline-block; width: 15px; height: 15px; border: 1px solid rgb(85, 85, 85); vertical-align: top; margin-top: 2px; margin-left: 5px; }
105
+ .panel.sidebar-menu .panel-body span.colour.white { background: rgb(255, 255, 255); }
106
+ .panel.sidebar-menu .panel-body span.colour.red { background: red; }
107
+ .panel.sidebar-menu .panel-body span.colour.green { background: green; }
108
+ .panel.sidebar-menu .panel-body span.colour.blue { background: blue; }
109
+ .panel.sidebar-menu .panel-body span.colour.yellow { background: yellow; }
110
+ .panel.sidebar-menu .panel-body label { color: rgb(153, 153, 153); font-size: 12px; }
111
+ .panel.sidebar-menu .panel-body label:hover { color: rgb(85, 85, 85); }
112
+ .panel.sidebar-menu ul.nav ul { list-style: none; padding-left: 0px; }
113
+ .panel.sidebar-menu ul.nav ul li { display: block; }
114
+ .panel.sidebar-menu ul.nav ul li a { position: relative; font-family: "Times New Roman", Times, serif; font-weight: normal; display: block; padding: 10px 15px 10px 30px; font-size: 12px; color: rgb(153, 153, 153); text-transform: none !important; }
115
+ .panel.sidebar-menu ul.nav ul li a:hover, .panel.sidebar-menu ul.nav ul li a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
116
+ .panel.sidebar-menu.with-icons ul.nav li a::after { font-family: FontAwesome; content: ""; position: relative; top: 0px; float: right; }
117
+ .owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: rgb(70, 127, 191); }
118
+ .owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons { position: absolute; top: 5px; right: 0px; }
119
+ .owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0px 5px 0px 0px; font-size: 18px; color: rgb(70, 127, 191); padding: 0px; background: rgb(255, 255, 255); border-radius: 13px; vertical-align: middle; text-align: center; opacity: 1; }
120
+ .home-carousel .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(70, 127, 191); opacity: 0.9; }
121
+ .home-carousel .owl-carousel { padding-top: 60px; padding-bottom: 20px; }
122
+ .home-carousel .owl-theme .owl-controls .owl-page span { background: rgb(102, 102, 102); }
123
+ .home-carousel .owl-theme .owl-controls .owl-page.active span { background: rgb(255, 255, 255); }
124
+ .home-carousel .owl-theme .owl-controls .owl-page:hover span { background: rgb(255, 255, 255); }
125
+ .customers { padding: 0px; margin-bottom: 40px; }
126
+ .customers .item { list-style-type: none; text-align: center; margin: 0px 20px; }
127
+ .customers .item img { display: inline-block; filter: grayscale(100%); transition: all 0.2s ease-out; }
128
+ .customers .item img:hover { filter: none; }
129
+ .testimonials { padding: 0px; margin-bottom: 40px; }
130
+ .testimonials .item { list-style-type: none; margin: 0px 5px; background: rgb(255, 255, 255); padding-bottom: 60px; box-sizing: border-box; }
131
+ .testimonials .item .testimonial { position: relative; padding: 20px; }
132
+ .testimonials .item .testimonial::before, .testimonials .item .testimonial::after { content: " "; display: table; }
133
+ .testimonials .item .testimonial::after { clear: both; }
134
+ .testimonials .item .testimonial::before, .testimonials .item .testimonial::after { content: " "; display: table; }
135
+ .testimonials .item .testimonial::after { clear: both; }
136
+ .testimonials .item .testimonial .text { color: rgb(153, 153, 153); margin-bottom: 40px; }
137
+ .testimonials .item .testimonial .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; padding: 20px; height: 50px; }
138
+ .testimonials .item .testimonial .bottom .icon { color: rgb(70, 127, 191); font-size: 30px; float: left; width: 20%; }
139
+ .testimonials .item .testimonial .name-picture { float: right; width: 80%; text-align: right; }
140
+ .testimonials .item .testimonial .name-picture h5 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; }
141
+ .testimonials .item .testimonial .name-picture p { color: rgb(153, 153, 153); margin: 0px; font-size: 12px; }
142
+ .testimonials .item .testimonial .name-picture img { float: right; width: 60px; border-radius: 30px; margin-left: 10px; }
143
+ .team-member { text-align: center; margin-bottom: 40px; }
144
+ .team-member h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0.08em; }
145
+ .team-member h3 a { color: rgb(85, 85, 85); }
146
+ .team-member p.role { color: rgb(153, 153, 153); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; }
147
+ .team-member .social { margin-bottom: 20px; }
148
+ .team-member .social a { margin: 0px 10px 0px 0px; color: rgb(255, 255, 255); display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; transition: all 0.2s ease-out; vertical-align: bottom; }
149
+ .team-member .social a i { vertical-align: bottom; line-height: 26px; }
150
+ .team-member .social a.linkedin { background-color: rgb(14, 118, 168); }
151
+ .team-member .social a.facebook { background-color: rgb(68, 96, 174); }
152
+ .team-member .social a.gplus { background-color: rgb(194, 31, 37); }
153
+ .team-member .social a.twitter { background-color: rgb(51, 204, 255); }
154
+ .team-member .social a.instagram { background-color: rgb(205, 67, 120); }
155
+ .team-member .social a.email { background-color: rgb(74, 127, 69); }
156
+ .team-member .text p { color: rgb(153, 153, 153); font-size: 12px; }
157
+ .team-member .social, .team-member-detail .social { margin-bottom: 20px; }
158
+ .team-member .social a, .team-member-detail .social a { margin: 0px 10px 0px 0px; color: rgb(255, 255, 255); display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; transition: all 0.2s ease-out; vertical-align: bottom; }
159
+ .team-member .social a i, .team-member-detail .social a i { vertical-align: bottom; line-height: 26px; }
160
+ .team-member .social a.linkedin, .team-member-detail .social a.linkedin { background-color: rgb(14, 118, 168); }
161
+ .team-member .social a.facebook, .team-member-detail .social a.facebook { background-color: rgb(68, 96, 174); }
162
+ .team-member .social a.gplus, .team-member-detail .social a.gplus { background-color: rgb(194, 31, 37); }
163
+ .team-member .social a.twitter, .team-member-detail .social a.twitter { background-color: rgb(51, 204, 255); }
164
+ .team-member .social a.instagram, .team-member-detail .social a.instagram { background-color: rgb(205, 67, 120); }
165
+ .team-member .social a.email, .team-member-detail .social a.email { background-color: rgb(74, 127, 69); }
166
+ .box-simple { text-align: center; margin-bottom: 40px; }
167
+ .box-simple .icon { color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); transition: all 0.2s ease-out; }
168
+ .box-simple h3 { font-size: 18px; text-transform: uppercase; line-height: 1.5; color: rgb(85, 85, 85); font-weight: 800; letter-spacing: 0.08em; }
169
+ .box-simple h3 a { color: rgb(85, 85, 85); }
170
+ .box-simple p { color: rgb(153, 153, 153); }
171
+ .box-simple:hover .icon { transform: scale(1.1, 1.1); }
172
+ .box-simple:hover .icon i { transform: scale(1, 1); }
173
+ .box-simple.box-white .icon { color: rgb(85, 85, 85); border-color: transparent; font-size: 70px; }
174
+ .box-simple.box-dark .icon { color: rgb(247, 247, 247); border-color: transparent; font-size: 70px; }
175
+ .box-image .text { position: absolute; width: 100%; height: 50%; top: 0px; transform: translate(0px, -150%); transition: all 0.2s ease-out; color: rgb(255, 255, 255); padding: 0px 20px; }
176
+ .box-image:hover .text { position: absolute; transform: translate(0px, 100%); }
177
+ .box-image-text .top .text { position: absolute; width: 100%; height: 50%; top: 0px; transform: translate(0px, -150%); transition: all 0.2s ease-out; color: rgb(255, 255, 255); padding: 0px 20px; }
178
+ .box-image-text:hover .text { position: absolute; transform: translate(0px, 100%); }
179
+ .box { background: rgb(255, 255, 255); margin: 0px 0px 30px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-image: initial; box-sizing: border-box; padding: 20px 0px; border-left: none; border-right: none; }
180
+ .box .box-header { background: rgb(247, 247, 247); margin: -20px 0px 20px; padding: 20px; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; }
181
+ .box .box-header::before, .box .box-header::after { content: " "; display: table; }
182
+ .box .box-header::after { clear: both; }
183
+ .box .box-header::before, .box .box-header::after { content: " "; display: table; }
184
+ .box .box-header::after { clear: both; }
185
+ .box .box-footer { background: rgb(247, 247, 247); margin: 30px 0px -20px; padding: 20px; border-top: 1px solid rgb(238, 238, 238); }
186
+ .box .box-footer::before, .box .box-footer::after { content: " "; display: table; }
187
+ .box .box-footer::after { clear: both; }
188
+ .box .box-footer::before, .box .box-footer::after { content: " "; display: table; }
189
+ .box .box-footer::after { clear: both; }
190
+ #heading-breadcrumbs.no-mb { margin-bottom: 0px; }
191
+ .bar { position: relative; background: rgb(70, 127, 191); padding: 60px 0px; }
192
+ .bar.background-pentagon { background: url("../img/texture-bw.png") center center repeat; border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); }
193
+ .bar.background-gray { background: rgb(238, 238, 238); }
194
+ .bar.background-white { background: rgb(255, 255, 255); }
195
+
196
+ .bar.background-image-fixed-2 { background: url("../img/fixed-background-2.jpg") center top / cover no-repeat fixed; }
197
+ .bar.color-white h1, .bar.color-white h2, .bar.color-white h3, .bar.color-white h4, .bar.color-white h5, .bar.color-white h6, .bar.color-white p { color: rgb(255, 255, 255); }
198
+ .bar .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.3; }
199
+ .portfolio-showcase p.lead { color: rgb(85, 85, 85); margin-bottom: 20px; }
200
+ .showcase .item { text-align: center; }
201
+ .showcase .item .icon { display: inline-block; width: 50px; height: 50px; color: rgb(85, 85, 85); line-height: 50px; border-radius: 25px; border: 1px solid rgb(85, 85, 85); }
202
+ .showcase .item h4 { color: rgb(85, 85, 85); text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.5; font-size: 16px; }
203
+ .showcase .item h4 span { font-weight: bold; font-size: 51px; }
204
+ #map { height: 300px; }
205
+ #map.with-border { border-top: 1px solid rgb(70, 127, 191); border-bottom: 1px solid rgb(70, 127, 191); }
206
+ #blog-listing-big .post .image, #blog-homepage .post .image { margin-bottom: 10px; overflow: hidden; }
207
+ #blog-listing-big .post .image img, #blog-homepage .post .image img { transition: all 0.2s ease-out; }
208
+ #blog-listing-medium .post .clearfix::before, #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::before, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::before, #blog-listing-medium .post .navbar-header::after { content: " "; display: table; }
209
+ #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::after { clear: both; }
210
+ #blog-listing-medium .post .clearfix::before, #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::before, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::before, #blog-listing-medium .post .navbar-header::after { content: " "; display: table; }
211
+ #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::after { clear: both; }
212
+ #blog-listing-medium .post .image { margin-bottom: 10px; overflow: hidden; }
213
+ #blog-listing-medium .post .image img { transition: all 0.2s ease-out; }
214
+ .product .image { overflow: hidden; }
215
+ .product .image img { transition: all 0.2s ease-out; }
216
+ .product .text { padding: 10px; }
217
+ .product .text h3 { font-size: 14px; font-weight: 700; height: 39.6px; text-transform: uppercase; letter-spacing: 0.08em; }
218
+ .product .text h3 a { color: rgb(85, 85, 85); }
219
+ .product .text h3 a:hover { text-decoration: none; }
220
+ .product .text p.price { font-size: 18px; }
221
+ .product .text p.price del { color: rgb(153, 153, 153); }
222
+ .product .buttons .btn { margin-bottom: 20px; }
223
+ .product:hover .image img { transform: scale(1.1, 1.1); }
224
+ #productMain .sizes a.active, #productMain .sizes a:hover { background: rgb(70, 127, 191); color: rgb(255, 255, 255); }
225
+ #thumbs a.active { border-color: rgb(70, 127, 191); }
226
+ #product-social p a.linkedin { background-color: rgb(14, 118, 168); }
227
+ #product-social p a.email { background-color: rgb(74, 127, 69); }
228
+ #checkout .nav { margin-bottom: 20px; border-bottom: 1px solid rgb(70, 127, 191); }
229
+ #checkout .nav li { height: 100%; }
230
+ #checkout .nav li a { display: block; height: 100%; }
231
+ #order-summary table { margin-top: 20px; }
232
+ #order-summary table td { color: rgb(153, 153, 153); }
233
+ #order-summary table tr.total td, #order-summary table tr.total th { font-size: 18px; color: rgb(85, 85, 85); font-weight: 700; }
234
+ #checkout .table tbody tr td, #basket .table tbody tr td, #customer-order .table tbody tr td { vertical-align: middle; }
235
+ #checkout .table tbody tr td input, #basket .table tbody tr td input, #customer-order .table tbody tr td input { width: 50px; text-align: right; }
236
+ #checkout .table tbody tr td img, #basket .table tbody tr td img, #customer-order .table tbody tr td img { width: 50px; }
237
+ #checkout .table tfoot, #basket .table tfoot, #customer-order .table tfoot { font-size: 18px; }
238
+ #customer-order .table tfoot th { font-size: 18px; font-weight: 300; }
239
+ #get-it { background: rgb(70, 127, 191); padding: 50px 0px 30px; color: rgb(255, 255, 255); text-align: center; }
240
+ #get-it h1, #get-it h2, #get-it h3, #get-it h4, #get-it h5, #get-it h6 { color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.08em; margin: 0px 0px 20px; }
241
+ #get-it p { margin: 0px 0px 20px; }
242
+ #footer { background: rgb(85, 85, 85); padding: 50px 0px; color: rgb(153, 153, 153); }
243
+ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgb(238, 238, 238); }
244
+ #footer h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
245
+ #footer ul { padding-left: 0px; list-style: none; }
246
+ #footer ul a { color: rgb(153, 153, 153); }
247
+ #footer ul a:hover { color: rgb(70, 127, 191); text-decoration: none; }
248
+ #footer .photostream div { float: left; display: block; box-sizing: border-box; width: 33%; padding: 7.5px; overflow: hidden; }
249
+ #footer .photostream div a { }
250
+ #footer .photostream div img { transition: all 0.2s ease-out; }
251
+ #footer .photostream div:hover img { transform: scale(1.1, 1.1); }
252
+ #footer .blog-entries .item { clear: both; padding: 5px 0px; margin-bottom: 10px; border-bottom: 1px solid rgb(85, 85, 85); }
253
+ #footer .blog-entries .item .image { float: left; width: 15%; margin-right: 10px; }
254
+ #footer .blog-entries .item .name { width: 75%; margin-left: 10px; display: table-cell; vertical-align: middle; }
255
+ #footer .blog-entries .item .name h5 { margin: 0px; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; }
256
+ #footer .blog-entries .item .name h5 a { color: rgb(238, 238, 238); }
257
+ #footer .blog-entries .item .text { width: 100%; clear: both; }
258
+ #footer .blog-entries .item:last-child { border-bottom: none; margin-bottom: 0px; }
259
+ #footer .social a { color: rgb(85, 85, 85); font-size: 25px; margin: 0px 10px 0px 0px; }
260
+ #footer .social a:hover { color: rgb(70, 127, 191); }
261
+ #copyright { background: rgb(51, 51, 51); color: rgb(204, 204, 204); padding: 50px 0px; font-size: 12px; line-height: 28px; }
262
+ #copyright p { margin: 0px; }
263
+ [data-animate] { opacity: 0; }
264
+ .nav > li > a { padding: 10px 15px; }
265
+ .nav > li > a:hover, .nav > li > a:focus { background-color: rgb(238, 238, 238); }
266
+ .nav > li.disabled > a { color: rgb(153, 153, 153); }
267
+ .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(153, 153, 153); }
268
+ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(70, 127, 191); }
269
+ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(70, 127, 191) rgb(70, 127, 191) transparent; border-image: initial; cursor: default; }
270
+ .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(70, 127, 191); }
271
+ .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
272
+ .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(70, 127, 191); }
273
+ .navbar { position: relative; min-height: 62px; margin-bottom: 0px; border-bottom: 1px solid transparent; }
274
+ .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; }
275
+ .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
276
+ .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
277
+ .navbar-brand { float: left; padding: 10px 15px; font-size: 18px; line-height: 20px; height: 62px; }
278
+ .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
279
+ .navbar-nav { margin: 10.5px -15px; }
280
+ .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
281
+ .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; }
282
+ .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
283
+ .navbar-default { background-color: rgb(255, 255, 255); border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-bottom: none; }
284
+ .navbar-default .navbar-brand { color: rgb(85, 85, 85); }
285
+ .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(59, 59, 59); background-color: transparent; }
286
+ .navbar-default .navbar-text { color: rgb(119, 119, 119); }
287
+ .navbar-default .navbar-nav > li > a { color: rgb(85, 85, 85); }
288
+ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(85, 85, 85); background-color: rgb(146, 179, 217); }
289
+ .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
290
+ .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; }
291
+ .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); }
292
+ .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(70, 127, 191); }
293
+ .navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); }
294
+ .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(204, 204, 204); }
295
+ .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgb(70, 127, 191); color: rgb(255, 255, 255); }
296
+ .navbar-default .navbar-link { color: rgb(85, 85, 85); }
297
+ .navbar-default .navbar-link:hover { color: rgb(85, 85, 85); }
298
+ .navbar-default .btn-link { color: rgb(85, 85, 85); }
299
+ .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: rgb(85, 85, 85); }
300
+ .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: rgb(204, 204, 204); }
301
+ body { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); }
302
+ a { color: rgb(70, 127, 191); text-decoration: none; }
303
+ a:hover, a:focus { color: rgb(47, 90, 137); text-decoration: underline; }
304
+ a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
305
+ hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); }
306
+ .breadcrumb > .active { color: rgb(153, 153, 153); }
307
+ .dropdown-menu.pull-right { right: 0px; left: auto; }
308
+ label { font-weight: normal; }
309
+ .form-control { box-shadow: none; border-radius: 0px; }
310
+ .form-control:focus { border-color: rgb(70, 127, 191); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(70, 127, 191, 0.6) 0px 0px 8px; }
311
+ .form-group { margin-bottom: 20px; }
312
+ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); }
313
+ p { margin: 0px 0px 10px; }
314
+ .lead { margin-bottom: 20px; font-size: 18px; }
315
+ abbr[title], abbr[data-original-title] { border-bottom: 1px dotted rgb(153, 153, 153); }
316
+ blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 14px; border-left: 5px solid rgb(70, 127, 191); }
317
+ .blockquote-reverse, blockquote.pull-right { border-right: 5px solid rgb(70, 127, 191); }
318
+ address { margin-bottom: 20px; line-height: 1.42857; }
319
+ .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 0px; box-shadow: 0px 0px 0px; }
320
+ .panel-group { margin-bottom: 20px; }
321
+ .panel-group .panel { margin-bottom: 0px; border-radius: 0px; overflow: hidden; }
322
+ .panel-group .panel + .panel { margin-top: 5px; }
323
+ .panel-group.accordion .panel { border-color: rgb(204, 204, 204); }
324
+ .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(70, 127, 191); }
325
+ .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(70, 127, 191); }
326
+ a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); }
327
+ .yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; }
328
+ .yamm .container { position: relative; }
329
+ .yamm .dropdown-menu { left: auto; }
330
+ .yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0px; }
331
+ .yamm .yamm-content { padding: 20px 30px; }
332
+ .yamm .dropdown.yamm-fw .dropdown-menu { left: 15px; right: 15px; }
333
+ form { margin-bottom: 20px; }
334
+ label { font-weight: normal; }
335
+ label > span { float: left; }
336
+ button { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
337
+ button:focus { }
338
+ button:active { background: rgb(70, 127, 191); color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
339
+ .no-padding { padding: 0px; }
340
+ .owl-carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
341
+ .owl-carousel { display: none; position: relative; width: 100%; }
342
+ .owl-carousel .owl-wrapper { display: none; position: relative; transform: translate3d(0px, 0px, 0px); }
343
+ .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
344
+ .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; }
345
+ .owl-carousel .owl-item { float: left; }
346
+ .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
347
+ .owl-controls { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
348
+ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
349
+ .owl-theme .owl-controls { margin-top: 10px; text-align: center; }
350
+ .owl-theme .owl-controls .owl-buttons div { display: inline-block; zoom: 1; }
351
+ .owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 1; text-decoration: none; }
352
+ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; }
353
+ .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; opacity: 0.5; border-radius: 20px; background: rgb(134, 151, 145); }
354
+ .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; }
355
+ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: rgb(255, 255, 255); padding: 2px 10px; font-size: 12px; border-radius: 30px; }
356
+ .gm-style { font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: normal; font-family: Roboto, Arial, sans-serif; text-decoration: none; }
357
+ .gm-style img { max-width: none; }
data/assets/css/combined.css CHANGED
@@ -1,4 +1,5 @@
1
-
1
+ ---
2
+ ---
2
3
  .gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div { font-weight: 400; }
3
4
  .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div { font-size: 10px; }
4
5
  .gm-style-pbc { transition: opacity ease-in-out; background-color: rgba(0, 0, 0, 0.45); text-align: center; }
@@ -15,8 +16,8 @@ a i.fa, button i.fa { margin: 0px 5px; }
15
16
  p.lead { margin-bottom: 40px; }
16
17
  .no-mb { margin-bottom: 0px !important; }
17
18
  .heading { margin-bottom: 40px; }
18
- .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: 5px solid rgb(70, 127, 191); line-height: 1.1; margin-bottom: 0px; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.06em; }
19
- .heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background: rgb(70, 127, 191); width: 30px; height: 30px; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 30px; border-radius: 15px; }
19
+ .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: 5px solid {{ site.lightMainBackground }}; line-height: 1.1; margin-bottom: 0px; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.06em; }
20
+ .heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background: {{ site.lightMainBackground }}; width: 30px; height: 30px; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 30px; border-radius: 15px; }
20
21
  .icon { display: inline-block; width: 80px; height: 80px; color: rgb(255, 255, 255); line-height: 80px; border-radius: 40px; border: 1px solid rgb(255, 255, 255); font-size: 20px; }
21
22
  .icon.icon-lg { font-size: 30px; border-width: 2px; }
22
23
  .pages-listing .item { text-align: center; }
@@ -24,10 +25,10 @@ p.lead { margin-bottom: 40px; }
24
25
  .pages-listing .item h3 a { color: rgb(85, 85, 85); }
25
26
  .pages-listing .item .text { margin-bottom: 20px; }
26
27
  .pages-listing .item .text p { color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 20px; }
27
- #top { background: rgb(85, 85, 85); color: rgb(238, 238, 238); padding: 10px 0px; }
28
+ #top { background: {{ site.darkBackground }}; color: {{ site.secondaryColour }}; padding: 10px 0px; }
28
29
  #top p { margin: 0px; font-size: 12px; }
29
30
  #top .social { float: right; text-align: right; }
30
- #top .social a { color: rgb(153, 153, 153); display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; }
31
+ #top .social a { color: {{ site.secondaryColour }}; display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; }
31
32
  #top .social a:hover { color: rgb(255, 255, 255); }
32
33
  #top .social a:hover.linkedin { background-color: rgb(14, 118, 168); }
33
34
  #top .social a:hover.facebook { background-color: rgb(68, 96, 174); }
@@ -41,62 +42,62 @@ p.lead { margin-bottom: 40px; }
41
42
  #top.light .login a { color: rgb(85, 85, 85); }
42
43
  .navbar { border: none; }
43
44
  .navbar ul.nav > li > a { text-transform: uppercase; text-decoration: underline; font-weight: bold; letter-spacing: 0.08em; border-top: 5px solid transparent; }
44
- .navbar ul.nav > li > a:hover { border-top: 5px solid rgb(70, 127, 191); }
45
- .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top: 5px solid rgb(41, 77, 118); text-decoration: none !important; }
46
- .navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid rgb(41, 77, 118); background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
47
- .navbar.navbar-light ul.nav > li.active > a:hover { border-top: 5px solid rgb(41, 77, 118); }
48
- .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: 5px solid rgb(70, 127, 191); background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
45
+ .navbar ul.nav > li > a:hover { border-top: 5px solid {{ site.darkMainBackground }}; }
46
+ .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top: 5px solid {{ site.darkMainBackground }}; text-decoration: none !important; }
47
+ .navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid {{ site.darkMainBackground }}; background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
48
+ .navbar.navbar-light ul.nav > li.active > a:hover { border-top: 5px solid {{ site.darkMainBackground }}; }
49
+ .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: 5px solid {{ site.lightMainBackground }}; background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
49
50
  .navbar ul.dropdown-menu { margin: 0px; padding: 0px; }
50
51
  .navbar ul.dropdown-menu li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 0px; }
51
52
  .navbar ul.dropdown-menu li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; left: 0px; }
52
- .navbar ul.dropdown-menu li a:hover { color: rgb(70, 127, 191); text-decoration: none; background: none; left: 2px; transition: all 0.2s ease-out; }
53
+ .navbar ul.dropdown-menu li a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; background: none; left: 2px; transition: all 0.2s ease-out; }
53
54
  .navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
54
55
  .navbar .yamm-content h5 { text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
55
56
  .navbar .yamm-content ul { margin: 0px; padding: 0px; }
56
57
  .navbar .yamm-content ul li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; padding: 4px 0px; }
57
58
  .navbar .yamm-content ul li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; }
58
- .navbar .yamm-content ul li a:hover { color: rgb(70, 127, 191); text-decoration: none; padding-left: 2px; }
59
+ .navbar .yamm-content ul li a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; padding-left: 2px; }
59
60
  .navbar .yamm-content .banner { margin-bottom: 10px; }
60
61
  .navbar .yamm-fw .dropdown-menu { padding: 0px; }
61
62
  .navbar .navbar-buttons { float: right; }
62
63
  .navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin: 11px 5px 11px 0px; }
63
64
  .navbar .btn-default, .navbar .btn-default.navbar-toggle { color: rgb(153, 153, 153); background-color: rgb(255, 255, 255); margin-left: 7px; margin-right: 0px; }
64
- .navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); color: rgb(70, 127, 191); }
65
- .navbar #search { clear: both; border-top: 1px solid rgb(70, 127, 191); text-align: right; }
65
+ .navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; color: {{ site.lightMainBackground }}; }
66
+ .navbar #search { clear: both; border-top: 1px solid {{ site.lightMainBackground }}; text-align: right; }
66
67
  .navbar #search form { float: right; }
67
68
  .navbar #search form .input-group { width: 500px; }
68
69
  .navbar #basket-overview a { margin-left: 7px; }
69
70
  .navbar-affixed-top { top: -32px; }
70
- .navbar-affixed-top.affix { position: fixed; width: 100%; top: 0px; z-index: 1000; box-shadow: rgb(204, 204, 204) 0px 0px 5px; transition: all 0.5s ease-out; }
71
+ .navbar-affixed-top.affix { position: fixed; width: 100%; top: 0px; z-index: 1000; box-shadow: 0px 0px 5px; transition: all 0.5s ease-out; }
71
72
  body.boxed .navbar-affixed-top.affix { position: static; }
72
73
  .btn { font-weight: 700; font-family: Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857; border-radius: 0px; }
73
74
  .input-group .btn { font-size: 14px; }
74
75
  .btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33; border-radius: 0px; }
75
- .btn-template-main { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
76
- .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color: rgb(70, 127, 191); background-color: rgb(230, 230, 230); border-color: rgb(51, 97, 148); }
76
+ .btn-template-main { color: {{ site.lightMainBackgound }}; background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
77
+ .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color: {{ site.lightMainBackground }}; background-color: rgb(230, 230, 230); border-color: {{ site.darkMainBackground }}; }
77
78
  .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { background-image: none; }
78
- .btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
79
- .btn-template-main .badge { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
80
- .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: rgb(70, 127, 191); color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
79
+ .btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
80
+ .btn-template-main .badge { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; }
81
+ .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
81
82
  .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
82
83
  .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { background-image: none; }
83
84
  .btn-template-transparent-primary.disabled, .btn-template-transparent-primary[disabled], fieldset[disabled] .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary[disabled]:hover, fieldset[disabled] .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary[disabled]:focus, fieldset[disabled] .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary[disabled]:active, fieldset[disabled] .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary[disabled].active, fieldset[disabled] .btn-template-transparent-primary.active { background-color: transparent; border-color: rgb(255, 255, 255); }
84
- .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: rgb(255, 255, 255); color: rgb(70, 127, 191); border-color: rgb(255, 255, 255); }
85
+ .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: rgb(255, 255, 255); color: {{ site.lightMainBackground }}; border-color: rgb(255, 255, 255); }
85
86
  .btn-template-transparent-black { color: rgb(255, 255, 255); background-color: transparent; border-color: rgb(255, 255, 255); }
86
87
  .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
87
88
  .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { background-image: none; }
88
89
  .btn-template-transparent-black.disabled, .btn-template-transparent-black[disabled], fieldset[disabled] .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black[disabled]:hover, fieldset[disabled] .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black[disabled]:focus, fieldset[disabled] .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black[disabled]:active, fieldset[disabled] .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black[disabled].active, fieldset[disabled] .btn-template-transparent-black.active { background-color: transparent; border-color: rgb(255, 255, 255); }
89
90
  .btn-template-transparent-black .badge { color: transparent; background-color: rgb(255, 255, 255); }
90
91
  .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }
91
- .btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: rgb(255, 255, 255); background-color: rgb(54, 102, 156); border-color: rgb(51, 97, 148); }
92
+ .btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: rgb(255, 255, 255); background-color: {{ site.darkMainBackground }}; border-color: {{ site.darkMainBackground }}; }
92
93
  .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { background-image: none; }
93
- .btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); }
94
+ .btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; }
94
95
  #intro .item { font-family: Roboto, Helvetica, Arial, sans-serif; height: 100%; }
95
96
  #intro .item h1 { text-transform: uppercase; font-size: 50px; color: rgb(255, 255, 255); margin-bottom: 40px; letter-spacing: 0.08em; }
96
97
  #intro .item h3 { color: rgb(255, 255, 255); margin-bottom: 40px; }
97
98
  #intro .item .btn { text-transform: none; }
98
99
  #intro .container, #intro .row { height: 100%; position: relative; }
99
- .jumbotron .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(70, 127, 191); opacity: 0.9; }
100
+ .jumbotron .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: {{ site.lightMainBackground }}; opacity: 0.9; }
100
101
  .jumbotron p.text-uppercase { font-weight: 700; }
101
102
  .container .jumbotron { border-radius: 0px; }
102
103
  .jumbotron .container { max-width: 100%; z-index: 2; }
@@ -114,10 +115,10 @@ body.boxed .navbar-affixed-top.affix { position: static; }
114
115
  .panel.sidebar-menu ul.nav ul li a { position: relative; font-family: "Times New Roman", Times, serif; font-weight: normal; display: block; padding: 10px 15px 10px 30px; font-size: 12px; color: rgb(153, 153, 153); text-transform: none !important; }
115
116
  .panel.sidebar-menu ul.nav ul li a:hover, .panel.sidebar-menu ul.nav ul li a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
116
117
  .panel.sidebar-menu.with-icons ul.nav li a::after { font-family: FontAwesome; content: ""; position: relative; top: 0px; float: right; }
117
- .owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: rgb(70, 127, 191); }
118
+ .owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: {{ site.lightMainBackground }}; }
118
119
  .owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons { position: absolute; top: 5px; right: 0px; }
119
- .owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0px 5px 0px 0px; font-size: 18px; color: rgb(70, 127, 191); padding: 0px; background: rgb(255, 255, 255); border-radius: 13px; vertical-align: middle; text-align: center; opacity: 1; }
120
- .home-carousel .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(70, 127, 191); opacity: 0.9; }
120
+ .owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0px 5px 0px 0px; font-size: 18px; color: {{ site.lightMainBackground }}; padding: 0px; background: rgb(255, 255, 255); border-radius: 13px; vertical-align: middle; text-align: center; opacity: 1; }
121
+ .home-carousel .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: {{ site.lightMainBackground }}; opacity: 0.9; }
121
122
  .home-carousel .owl-carousel { padding-top: 60px; padding-bottom: 20px; }
122
123
  .home-carousel .owl-theme .owl-controls .owl-page span { background: rgb(102, 102, 102); }
123
124
  .home-carousel .owl-theme .owl-controls .owl-page.active span { background: rgb(255, 255, 255); }
@@ -135,7 +136,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
135
136
  .testimonials .item .testimonial::after { clear: both; }
136
137
  .testimonials .item .testimonial .text { color: rgb(153, 153, 153); margin-bottom: 40px; }
137
138
  .testimonials .item .testimonial .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; padding: 20px; height: 50px; }
138
- .testimonials .item .testimonial .bottom .icon { color: rgb(70, 127, 191); font-size: 30px; float: left; width: 20%; }
139
+ .testimonials .item .testimonial .bottom .icon { color: {{ site.lightMainBackground }}; font-size: 30px; float: left; width: 20%; }
139
140
  .testimonials .item .testimonial .name-picture { float: right; width: 80%; text-align: right; }
140
141
  .testimonials .item .testimonial .name-picture h5 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; }
141
142
  .testimonials .item .testimonial .name-picture p { color: rgb(153, 153, 153); margin: 0px; font-size: 12px; }
@@ -164,7 +165,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
164
165
  .team-member .social a.instagram, .team-member-detail .social a.instagram { background-color: rgb(205, 67, 120); }
165
166
  .team-member .social a.email, .team-member-detail .social a.email { background-color: rgb(74, 127, 69); }
166
167
  .box-simple { text-align: center; margin-bottom: 40px; }
167
- .box-simple .icon { color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); transition: all 0.2s ease-out; }
168
+ .box-simple .icon { color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; transition: all 0.2s ease-out; }
168
169
  .box-simple h3 { font-size: 18px; text-transform: uppercase; line-height: 1.5; color: rgb(85, 85, 85); font-weight: 800; letter-spacing: 0.08em; }
169
170
  .box-simple h3 a { color: rgb(85, 85, 85); }
170
171
  .box-simple p { color: rgb(153, 153, 153); }
@@ -188,7 +189,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
188
189
  .box .box-footer::before, .box .box-footer::after { content: " "; display: table; }
189
190
  .box .box-footer::after { clear: both; }
190
191
  #heading-breadcrumbs.no-mb { margin-bottom: 0px; }
191
- .bar { position: relative; background: rgb(70, 127, 191); padding: 60px 0px; }
192
+ .bar { position: relative; background: {{ site.lightMainBackground }}; padding: 60px 0px; }
192
193
  .bar.background-pentagon { background: url("../img/texture-bw.png") center center repeat; border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); }
193
194
  .bar.background-gray { background: rgb(238, 238, 238); }
194
195
  .bar.background-white { background: rgb(255, 255, 255); }
@@ -202,7 +203,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
202
203
  .showcase .item h4 { color: rgb(85, 85, 85); text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.5; font-size: 16px; }
203
204
  .showcase .item h4 span { font-weight: bold; font-size: 51px; }
204
205
  #map { height: 300px; }
205
- #map.with-border { border-top: 1px solid rgb(70, 127, 191); border-bottom: 1px solid rgb(70, 127, 191); }
206
+ #map.with-border { border-top: 1px solid {{ site.lightMainBackground }}; border-bottom: 1px solid {{ site.lightMainBackground }}; }
206
207
  #blog-listing-big .post .image, #blog-homepage .post .image { margin-bottom: 10px; overflow: hidden; }
207
208
  #blog-listing-big .post .image img, #blog-homepage .post .image img { transition: all 0.2s ease-out; }
208
209
  #blog-listing-medium .post .clearfix::before, #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::before, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::before, #blog-listing-medium .post .navbar-header::after { content: " "; display: table; }
@@ -221,11 +222,11 @@ body.boxed .navbar-affixed-top.affix { position: static; }
221
222
  .product .text p.price del { color: rgb(153, 153, 153); }
222
223
  .product .buttons .btn { margin-bottom: 20px; }
223
224
  .product:hover .image img { transform: scale(1.1, 1.1); }
224
- #productMain .sizes a.active, #productMain .sizes a:hover { background: rgb(70, 127, 191); color: rgb(255, 255, 255); }
225
- #thumbs a.active { border-color: rgb(70, 127, 191); }
225
+ #productMain .sizes a.active, #productMain .sizes a:hover { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); }
226
+ #thumbs a.active { border-color: {{ site.lightMainBackground }}; }
226
227
  #product-social p a.linkedin { background-color: rgb(14, 118, 168); }
227
228
  #product-social p a.email { background-color: rgb(74, 127, 69); }
228
- #checkout .nav { margin-bottom: 20px; border-bottom: 1px solid rgb(70, 127, 191); }
229
+ #checkout .nav { margin-bottom: 20px; border-bottom: 1px solid {{ site.lightMainBackground) }}; }
229
230
  #checkout .nav li { height: 100%; }
230
231
  #checkout .nav li a { display: block; height: 100%; }
231
232
  #order-summary table { margin-top: 20px; }
@@ -236,15 +237,15 @@ body.boxed .navbar-affixed-top.affix { position: static; }
236
237
  #checkout .table tbody tr td img, #basket .table tbody tr td img, #customer-order .table tbody tr td img { width: 50px; }
237
238
  #checkout .table tfoot, #basket .table tfoot, #customer-order .table tfoot { font-size: 18px; }
238
239
  #customer-order .table tfoot th { font-size: 18px; font-weight: 300; }
239
- #get-it { background: rgb(70, 127, 191); padding: 50px 0px 30px; color: rgb(255, 255, 255); text-align: center; }
240
+ #get-it { background: {{ site.lightMainBackground }}; padding: 50px 0px 30px; color: rgb(255, 255, 255); text-align: center; }
240
241
  #get-it h1, #get-it h2, #get-it h3, #get-it h4, #get-it h5, #get-it h6 { color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.08em; margin: 0px 0px 20px; }
241
242
  #get-it p { margin: 0px 0px 20px; }
242
- #footer { background: rgb(85, 85, 85); padding: 50px 0px; color: rgb(153, 153, 153); }
243
+ #footer { background: {{ site.lightBackground }}; padding: 50px 0px; color: rgb(238, 238, 238); }
243
244
  #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgb(238, 238, 238); }
244
245
  #footer h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
245
246
  #footer ul { padding-left: 0px; list-style: none; }
246
247
  #footer ul a { color: rgb(153, 153, 153); }
247
- #footer ul a:hover { color: rgb(70, 127, 191); text-decoration: none; }
248
+ #footer ul a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; }
248
249
  #footer .photostream div { float: left; display: block; box-sizing: border-box; width: 33%; padding: 7.5px; overflow: hidden; }
249
250
  #footer .photostream div a { }
250
251
  #footer .photostream div img { transition: all 0.2s ease-out; }
@@ -257,19 +258,19 @@ body.boxed .navbar-affixed-top.affix { position: static; }
257
258
  #footer .blog-entries .item .text { width: 100%; clear: both; }
258
259
  #footer .blog-entries .item:last-child { border-bottom: none; margin-bottom: 0px; }
259
260
  #footer .social a { color: rgb(85, 85, 85); font-size: 25px; margin: 0px 10px 0px 0px; }
260
- #footer .social a:hover { color: rgb(70, 127, 191); }
261
- #copyright { background: rgb(51, 51, 51); color: rgb(204, 204, 204); padding: 50px 0px; font-size: 12px; line-height: 28px; }
261
+ #footer .social a:hover { color: {{ site.lightMainBackground }}; }
262
+ #copyright { background: {{ site.darkBackground }}; color: {{ site.secondaryColour }}; padding: 50px 0px; font-size: 12px; line-height: 28px; }
262
263
  #copyright p { margin: 0px; }
263
264
  [data-animate] { opacity: 0; }
264
265
  .nav > li > a { padding: 10px 15px; }
265
- .nav > li > a:hover, .nav > li > a:focus { background-color: rgb(238, 238, 238); }
266
+ .nav > li > a:hover, .nav > li > a:focus { background-color: {{ site.secondaryColour }}; }
266
267
  .nav > li.disabled > a { color: rgb(153, 153, 153); }
267
268
  .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(153, 153, 153); }
268
- .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(70, 127, 191); }
269
- .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(70, 127, 191) rgb(70, 127, 191) transparent; border-image: initial; cursor: default; }
270
- .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(70, 127, 191); }
271
- .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
272
- .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(70, 127, 191); }
269
+ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: {{ site.lightMainBackground }}; }
270
+ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: {{ site.lightMainBackground }} {{ site.lightMainBackground }} transparent; border-image: initial; cursor: default; }
271
+ .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid {{ site.lightMainBackground }}; }
272
+ .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; }
273
+ .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid {{ site.lightMainBackground }}; }
273
274
  .navbar { position: relative; min-height: 62px; margin-bottom: 0px; border-bottom: 1px solid transparent; }
274
275
  .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; }
275
276
  .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
@@ -286,44 +287,44 @@ body.boxed .navbar-affixed-top.affix { position: static; }
286
287
  .navbar-default .navbar-text { color: rgb(119, 119, 119); }
287
288
  .navbar-default .navbar-nav > li > a { color: rgb(85, 85, 85); }
288
289
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(85, 85, 85); background-color: rgb(146, 179, 217); }
289
- .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
290
+ .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; }
290
291
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; }
291
292
  .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); }
292
- .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(70, 127, 191); }
293
+ .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: {{ site.lightMainBackground }}; }
293
294
  .navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); }
294
295
  .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(204, 204, 204); }
295
- .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgb(70, 127, 191); color: rgb(255, 255, 255); }
296
+ .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); }
296
297
  .navbar-default .navbar-link { color: rgb(85, 85, 85); }
297
298
  .navbar-default .navbar-link:hover { color: rgb(85, 85, 85); }
298
299
  .navbar-default .btn-link { color: rgb(85, 85, 85); }
299
300
  .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: rgb(85, 85, 85); }
300
301
  .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: rgb(204, 204, 204); }
301
302
  body { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); }
302
- a { color: rgb(70, 127, 191); text-decoration: none; }
303
- a:hover, a:focus { color: rgb(47, 90, 137); text-decoration: underline; }
303
+ a { color: {{ site.lightmainBackground }}; text-decoration: none; }
304
+ a:hover, a:focus { color: {{ site.darkMainBackground }}; text-decoration: underline; }
304
305
  a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
305
306
  hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); }
306
307
  .breadcrumb > .active { color: rgb(153, 153, 153); }
307
308
  .dropdown-menu.pull-right { right: 0px; left: auto; }
308
309
  label { font-weight: normal; }
309
310
  .form-control { box-shadow: none; border-radius: 0px; }
310
- .form-control:focus { border-color: rgb(70, 127, 191); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(70, 127, 191, 0.6) 0px 0px 8px; }
311
+ .form-control:focus { border-color: {{ site.lightMainBackground }}; outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, {{ site.lightMainBackground }} 0px 0px 8px; }
311
312
  .form-group { margin-bottom: 20px; }
312
- .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); }
313
+ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; }
313
314
  p { margin: 0px 0px 10px; }
314
315
  .lead { margin-bottom: 20px; font-size: 18px; }
315
316
  abbr[title], abbr[data-original-title] { border-bottom: 1px dotted rgb(153, 153, 153); }
316
- blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 14px; border-left: 5px solid rgb(70, 127, 191); }
317
- .blockquote-reverse, blockquote.pull-right { border-right: 5px solid rgb(70, 127, 191); }
317
+ blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 14px; border-left: 5px solid {{ site.lightMainBackground }}; }
318
+ .blockquote-reverse, blockquote.pull-right { border-right: 5px solid {{ site.lightMainBackground }}; }
318
319
  address { margin-bottom: 20px; line-height: 1.42857; }
319
320
  .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 0px; box-shadow: 0px 0px 0px; }
320
321
  .panel-group { margin-bottom: 20px; }
321
322
  .panel-group .panel { margin-bottom: 0px; border-radius: 0px; overflow: hidden; }
322
323
  .panel-group .panel + .panel { margin-top: 5px; }
323
324
  .panel-group.accordion .panel { border-color: rgb(204, 204, 204); }
324
- .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(70, 127, 191); }
325
- .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(70, 127, 191); }
326
- a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); }
325
+ .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: {{ site.lightMainBackground }}; }
326
+ .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: {{ site.lightMainBackground }}; }
327
+ a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: {{ site.lightMainBakground }}; background-color: rgb(255, 255, 255); }
327
328
  .yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; }
328
329
  .yamm .container { position: relative; }
329
330
  .yamm .dropdown-menu { left: auto; }
@@ -333,9 +334,9 @@ a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rg
333
334
  form { margin-bottom: 20px; }
334
335
  label { font-weight: normal; }
335
336
  label > span { float: left; }
336
- button { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
337
+ button { color: {{ site.lightMainBackground }}; background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
337
338
  button:focus { }
338
- button:active { background: rgb(70, 127, 191); color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
339
+ button:active { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
339
340
  .no-padding { padding: 0px; }
340
341
  .owl-carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
341
342
  .owl-carousel { display: none; position: relative; width: 100%; }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: universal
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.2
4
+ version: 0.3.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ondrej Svestka
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-01-16 00:00:00.000000000 Z
11
+ date: 2018-01-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -87,6 +87,7 @@ files:
87
87
  - assets/.DS_Store
88
88
  - assets/css/.DS_Store
89
89
  - assets/css/animate.css
90
+ - assets/css/combined copy.css
90
91
  - assets/css/combined.css
91
92
  - assets/css/custom.css
92
93
  - assets/css/owl.carousel.css