From 45977fd4de881472e61e3c0716806e1205e6b090 Mon Sep 17 00:00:00 2001
From: "valentin.wacker" <valentin.wacker@f459cee4-fb09-11de-96c3-f9c5f16c3c76>
Date: Thu, 2 Nov 2017 12:29:09 +0000
Subject: [PATCH] #1352

git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3358 f459cee4-fb09-11de-96c3-f9c5f16c3c76
---
 .../default/admin/lodgingsEdit.html.twig      |  2 +-
 .../views/default/admin/pricesEdit.html.twig  |  2 +-
 .../views/default/admin/pricesNew.html.twig   |  2 +-
 .../default/admin/reservationsEdit.html.twig  |  2 +-
 .../default/admin/reservationsNew.html.twig   |  2 +-
 .../views/default/admin/seasons.html.twig     |  2 +
 .../components/booking/fewoSummary.html.twig  | 10 +--
 .../cms/calendarLodgingProgram.html.twig      |  2 +-
 .../pages/cms/fewoTravelProgram.html.twig     | 17 +++--
 .../views/default/pages/fewoBooking.html.twig | 10 ++-
 .../AppBundle/Controller/CmsController.php    |  4 +-
 .../Controller/FewoBookingController.php      |  3 +
 .../assets/less/includes/travel.less          | 14 ++++-
 .../assets/less/theme_variables.less          |  3 +-
 .../AppBundle/Resources/public/css/custom.css | 63 ++++++++++---------
 15 files changed, 86 insertions(+), 52 deletions(-)

diff --git a/trunk/app/Resources/views/default/admin/lodgingsEdit.html.twig b/trunk/app/Resources/views/default/admin/lodgingsEdit.html.twig
index 4e461392..d2d717a6 100644
--- a/trunk/app/Resources/views/default/admin/lodgingsEdit.html.twig
+++ b/trunk/app/Resources/views/default/admin/lodgingsEdit.html.twig
@@ -91,7 +91,7 @@
                             <th>Bis</th>
                             <th>Mindestbelegung</th>
                             <th>Preis pro Nacht</th>
-                            <th>Pauschalpreis</th>
+                            <th>Service-Gebühr</th>
                             <th></th>
                         </tr>
                         </thead>
diff --git a/trunk/app/Resources/views/default/admin/pricesEdit.html.twig b/trunk/app/Resources/views/default/admin/pricesEdit.html.twig
index c219abc6..a6fc9fab 100644
--- a/trunk/app/Resources/views/default/admin/pricesEdit.html.twig
+++ b/trunk/app/Resources/views/default/admin/pricesEdit.html.twig
@@ -15,7 +15,7 @@
                 <div class="form-box">
                     {{ form_row(form.season, {label: 'Saison'}) }}
                     {{ form_row(form.perNight, {label: 'Preis pro Nacht'}) }}
-                    {{ form_row(form.flatPrice, {label: 'Pauschalpreis'}) }}
+                    {{ form_row(form.flatPrice, {label: 'Service-Gebühr'}) }}
                     <div class="col-md-12 col-sm-12 col-xs-12">
                         <button type="submit" value="SEND" id="submit"
                                 class="btn btn-primary btn-lg border-radius"
diff --git a/trunk/app/Resources/views/default/admin/pricesNew.html.twig b/trunk/app/Resources/views/default/admin/pricesNew.html.twig
index af43d6bf..9491fe6c 100644
--- a/trunk/app/Resources/views/default/admin/pricesNew.html.twig
+++ b/trunk/app/Resources/views/default/admin/pricesNew.html.twig
@@ -15,7 +15,7 @@
                 <div class="form-box">
                     {{ form_row(form.season, {label: 'Saison'}) }}
                     {{ form_row(form.perNight, {label: 'Preis pro Nacht'}) }}
-                    {{ form_row(form.flatPrice, {label: 'Pauschalpreis'}) }}
+                    {{ form_row(form.flatPrice, {label: 'Service-Gebühr'}) }}
                     <div class="col-md-12 col-sm-12 col-xs-12">
                         <button type="submit" value="SEND" id="submit"
                                 class="btn btn-primary btn-lg border-radius"
diff --git a/trunk/app/Resources/views/default/admin/reservationsEdit.html.twig b/trunk/app/Resources/views/default/admin/reservationsEdit.html.twig
index 8331208a..a22af117 100644
--- a/trunk/app/Resources/views/default/admin/reservationsEdit.html.twig
+++ b/trunk/app/Resources/views/default/admin/reservationsEdit.html.twig
@@ -15,7 +15,7 @@
                     <th>Von</th>
                     <th>Bis</th>
                     <th>Preis pro Nacht</th>
-                    <th>Pauschalpreis</th>
+                    <th>Service-Gebühr</th>
                 </tr>
                 </thead>
                 <tbody>
diff --git a/trunk/app/Resources/views/default/admin/reservationsNew.html.twig b/trunk/app/Resources/views/default/admin/reservationsNew.html.twig
index e74d9d84..42308401 100644
--- a/trunk/app/Resources/views/default/admin/reservationsNew.html.twig
+++ b/trunk/app/Resources/views/default/admin/reservationsNew.html.twig
@@ -15,7 +15,7 @@
                     <th>Von</th>
                     <th>Bis</th>
                     <th>Preis pro Nacht</th>
-                    <th>Pauschalpreis</th>
+                    <th>Service-Gebühr</th>
                 </tr>
                 </thead>
                 <tbody>
diff --git a/trunk/app/Resources/views/default/admin/seasons.html.twig b/trunk/app/Resources/views/default/admin/seasons.html.twig
index 001a647a..2b9808ca 100644
--- a/trunk/app/Resources/views/default/admin/seasons.html.twig
+++ b/trunk/app/Resources/views/default/admin/seasons.html.twig
@@ -13,6 +13,7 @@
                         <th>Name</th>
                         <th>Von</th>
                         <th>Bis</th>
+                        <th>Mindestbelegung in Nächte</th>
                         <th></th>
                         <th></th>
                     </tr>
@@ -24,6 +25,7 @@
                                 <td>{{ season.name }}</td>
                                 <td>{{ season.fromDate|date('d.m.y') }}</td>
                                 <td>{{ season.toDate|date('d.m.y') }}</td>
+                                <td>{{ season.minimumStay }}</td>
                                 <td>
                                     <a href="{{ '/admin/fewo/seasons/' ~ season.id }}"
                                        class="btn btn-primary"
diff --git a/trunk/app/Resources/views/default/components/booking/fewoSummary.html.twig b/trunk/app/Resources/views/default/components/booking/fewoSummary.html.twig
index 39a33115..b9cb896c 100644
--- a/trunk/app/Resources/views/default/components/booking/fewoSummary.html.twig
+++ b/trunk/app/Resources/views/default/components/booking/fewoSummary.html.twig
@@ -2,10 +2,10 @@
     <tbody>
     <tr>
         <td class="st-position-price-col">
-            + {{ fewo_lodging.deposit|number_format(2) }} €
+            + {{ total_price_per_night|number_format(2) }} €
         </td>
         <td class="st-position-name-col">
-            Kaution
+            ({{ fewo_booking_request.numberDays }} {{ fewo_price.season.minimumStay < 2 ? 'Nacht' : 'Nächte' }} x {{ fewo_price.perNight|number_format(2) }} €)
         </td>
     </tr>
     <tr>
@@ -13,15 +13,15 @@
             + {{ fewo_price.flatPrice|number_format(2) }} €
         </td>
         <td class="st-position-name-col">
-            Pauschalpreis
+            Service-Gebühr
         </td>
     </tr>
     <tr>
         <td class="st-position-price-col">
-            + {{ total_price_per_night|number_format(2) }} €
+            + {{ fewo_lodging.deposit|number_format(2) }} €
         </td>
         <td class="st-position-name-col">
-            ({{ fewo_booking_request.numberDays }} x {{ fewo_price.perNight|number_format(2) }} €)
+            Kaution
         </td>
     </tr>
     <tr class="st-total-tr">
diff --git a/trunk/app/Resources/views/default/pages/cms/calendarLodgingProgram.html.twig b/trunk/app/Resources/views/default/pages/cms/calendarLodgingProgram.html.twig
index 58446db5..bc08d027 100644
--- a/trunk/app/Resources/views/default/pages/cms/calendarLodgingProgram.html.twig
+++ b/trunk/app/Resources/views/default/pages/cms/calendarLodgingProgram.html.twig
@@ -44,7 +44,7 @@
                             <td class="{{ cell_class }}">
                                 {% if dayState.isBookable and not is_past_date %}
                                     <a href="{{ page.urlPath }}/buchen?pnr={{ dayState.price.id }}&fd={{ dayState.day < 10 ? '0':'' }}{{dayState.day}}{{ calendar[monthIndex]['monthNumber'] < 10 ? '0':'' }}{{calendar[monthIndex]['monthNumber']}}{{calendar[monthIndex]['year']}}"
-                                       style="color: #5a5a5a;"
+                                       style="color: #80B176;"
                                        rel="nofollow"
                                     >
                                         {{ dayState.day }}
diff --git a/trunk/app/Resources/views/default/pages/cms/fewoTravelProgram.html.twig b/trunk/app/Resources/views/default/pages/cms/fewoTravelProgram.html.twig
index 5c271d16..b2919110 100644
--- a/trunk/app/Resources/views/default/pages/cms/fewoTravelProgram.html.twig
+++ b/trunk/app/Resources/views/default/pages/cms/fewoTravelProgram.html.twig
@@ -31,11 +31,13 @@
                     <!-- Wrapper for Slides -->
                     <div class="carousel-inner">
                         {% for lodging_image in fewo_lodging.images %}
-                            {# @var image \AppBundle\Entity\FewoLodgingImage #}
+                            {# @var lodging_image \AppBundle\Entity\FewoLodgingImage #}
                             <div class="item{% if loop.first %} active{% endif %}">
                                 <!-- Set the first background image using inline CSS below. -->
                                 {# TODO #}
-                                <div class="fill" style="background-image:url({{ asset('uploads/images/' ~ lodging_image.file) }});"></div>
+                                <div class="fill" style="background-image:url({{ asset('uploads/images/' ~ lodging_image.file) }});">
+                                    <span class="image-title">{{ lodging_image.fileName }}</span>
+                                </div>
                             </div>
                         {% endfor %}
                     </div>
@@ -88,7 +90,6 @@
                 #}
 
                 <div role="tabpanel" class="tab-pane active" id="travel-description-content-tab">
-                    {#TODO alles wirklich hier? wo bilder?#}
 
                     <h3>Allgemeines</h3>
 
@@ -171,8 +172,9 @@
                                     <th>Name</th>
                                     <th>Beginn</th>
                                     <th>Ende</th>
-                                    <th>Preis p.P. pro Nacht</th>
-                                    <th>Pauschalpreis</th>
+                                    <th>Mindestbelegung</th>
+                                    <th>Preis pro Nacht</th>
+                                    <th>Service-Gebühr</th>
                                     <th>Kaution</th>
                                 </tr>
                                 </thead>
@@ -190,10 +192,13 @@
                                         <td data-title="Ende">
                                             {{ price.season.toDate|date }}
                                         </td>
+                                        <td data-title="Mindestbelegung">
+                                            {{ price.season.minimumStay }} {{ price.season.minimumStay < 2 ? 'Nacht' : 'Nächte' }}
+                                        </td>
                                         <td data-title="Preis p.P pro Nacht">
                                             {{ price.perNight|number_format(2, ',', '.') }} €
                                         </td>
-                                        <td data-title="Pauschalpreis">
+                                        <td data-title="Service-Gebühr">
                                             {{ price.flatPrice|number_format(2, ',', '.') }} €
                                         </td>
                                         <td data-title="Kaution">
diff --git a/trunk/app/Resources/views/default/pages/fewoBooking.html.twig b/trunk/app/Resources/views/default/pages/fewoBooking.html.twig
index cb0e2e24..7841cb04 100644
--- a/trunk/app/Resources/views/default/pages/fewoBooking.html.twig
+++ b/trunk/app/Resources/views/default/pages/fewoBooking.html.twig
@@ -22,12 +22,12 @@
 
             <h1>Buchungsformular FeWo</h1>
 
-            {#
+
             <div class="pull-right">
                 <a href="{{ page.urlPath }}" class="btn btn-primary btn-sm"><< zurück zu Termine und Preise</a>
             </div>
             <div class="clearfix"></div>
-            #}
+
 
             <h2 style="margin-top:10px">{{ lodging.name }}</h2>
 
@@ -67,6 +67,12 @@
                                         {{ form_errors(form.toDate) }}
                                     </td>
                                 </tr>
+                                <tr>
+                                    <td>Mindestbelegung</td>
+                                    <td>
+                                        {{ fewo_price.season.minimumStay }} {{ fewo_price.season.minimumStay < 2 ? 'Nacht' : 'Nächte' }}
+                                    </td>
+                                </tr>
                                 <tr>
                                     <td>{{ form_label(form.travelerCount, 'Reiseteilnehmer') }}</td>
                                     <td>
diff --git a/trunk/src/AppBundle/Controller/CmsController.php b/trunk/src/AppBundle/Controller/CmsController.php
index 4dab1fc5..2a26c3fd 100644
--- a/trunk/src/AppBundle/Controller/CmsController.php
+++ b/trunk/src/AppBundle/Controller/CmsController.php
@@ -52,6 +52,7 @@ class CmsController extends Controller
         return $this->render('default/pages/cms/overview.html.twig', [
             'base_dir' => realpath($this->getParameter('kernel.root_dir').'/..').DIRECTORY_SEPARATOR,
             'page' => $page,
+            // TODO
         ]);
     }
 
@@ -145,7 +146,8 @@ class CmsController extends Controller
             'page' => $page,
             'fewo_lodging' => $lodging,
             //'lodging' => $lodging, //so wurde es im AdminController aufgerufen
-            'calendar' => $calendar
+            'calendar' => $calendar,
+            'show_search_sidebar_widget' => false,
 
         ]);
     }
diff --git a/trunk/src/AppBundle/Controller/FewoBookingController.php b/trunk/src/AppBundle/Controller/FewoBookingController.php
index 575b4922..d609dd0f 100644
--- a/trunk/src/AppBundle/Controller/FewoBookingController.php
+++ b/trunk/src/AppBundle/Controller/FewoBookingController.php
@@ -194,6 +194,7 @@ class FewoBookingController extends Controller
                     'fewo_price' => $price,
                     'total_price' => $totalPrice,
                     'total_price_per_night' => $perDayTotalPrice,
+                    'show_search_sidebar_widget' => false,
                 ]);
             }
 
@@ -207,6 +208,8 @@ class FewoBookingController extends Controller
                 'fewo_price' => $price,
                 'total_price' => $totalPrice,
                 'total_price_per_night' => $perDayTotalPrice,
+                'page' => $fewoTravelProgramPage,
+                'show_search_sidebar_widget' => false,
 
             ]);
 
diff --git a/trunk/src/AppBundle/Resources/assets/less/includes/travel.less b/trunk/src/AppBundle/Resources/assets/less/includes/travel.less
index 3f73052d..dc773313 100644
--- a/trunk/src/AppBundle/Resources/assets/less/includes/travel.less
+++ b/trunk/src/AppBundle/Resources/assets/less/includes/travel.less
@@ -509,7 +509,7 @@
 }
 
 .table > tbody > tr > .calendar-day-disabled {
-  background-color: darkgrey;
+  background-color: @background-red;
 }
 .table > tbody > tr > .admin-calendar-day-reservation {
   background-color: @background-red;
@@ -530,11 +530,11 @@
 }
 
 .table > tbody > tr > .calendar-day-reservation-begin {
-  .calendar-day-dual-state(#f2f2f2, darkgrey);
+  .calendar-day-dual-state(#f2f2f2, @background-red);
 }
 
 .table > tbody > tr > .calendar-day-reservation-end {
-  .calendar-day-dual-state(darkgrey, #f2f2f2);
+  .calendar-day-dual-state(@background-red, #f2f2f2);
 }
 
 .table > tbody > tr > .admin-calendar-day-reservation-begin {
@@ -544,3 +544,11 @@
 .table > tbody > tr > .admin-calendar-day-reservation-end  {
   .calendar-day-dual-state(@background-red, @background-green);
 }
+
+.image-title {
+  padding: 4px 6px;
+  color: white;
+  font-size: 16px;
+  font-weight: 600;
+  background-color: rgba(0, 0, 0, 0.66)
+}
\ No newline at end of file
diff --git a/trunk/src/AppBundle/Resources/assets/less/theme_variables.less b/trunk/src/AppBundle/Resources/assets/less/theme_variables.less
index 17077b97..0bdee802 100755
--- a/trunk/src/AppBundle/Resources/assets/less/theme_variables.less
+++ b/trunk/src/AppBundle/Resources/assets/less/theme_variables.less
@@ -34,6 +34,7 @@
 @font-size-def-h6:            ceil((@font-size-alternative-base * 0.85));
 
 @background-green: #648859;
-@background-red: #d9534f;
+@background-red: #f0bcbc;
+@font-green: #80B176;
 
 @btn-color-all: @background-green;
\ No newline at end of file
diff --git a/trunk/src/AppBundle/Resources/public/css/custom.css b/trunk/src/AppBundle/Resources/public/css/custom.css
index 4667f2d2..d85082a3 100644
--- a/trunk/src/AppBundle/Resources/public/css/custom.css
+++ b/trunk/src/AppBundle/Resources/public/css/custom.css
@@ -1058,74 +1058,81 @@ a[id^="video_"]:before,
   color: #ffffff !important;
 }
 .table > tbody > tr > .calendar-day-disabled {
-  background-color: darkgrey;
+  background-color: #f0bcbc;
 }
 .table > tbody > tr > .admin-calendar-day-reservation {
-  background-color: #d9534f;
+  background-color: #f0bcbc;
 }
 .table > tbody > tr > .admin-calendar-day-free {
   background-color: #648859;
 }
 .table > tbody > tr > .calendar-day-reservation-begin {
-  background-color: #a9a9a9;
-  background: -moz-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #a9a9a9 50%, #a9a9a9 100%);
+  background-color: #f0bcbc;
+  background: -moz-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* ff3.6+ */
-  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f2f2), color-stop(49%, #f2f2f2), color-stop(50%, #a9a9a9), color-stop(100%, #a9a9a9));
+  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f2f2), color-stop(49%, #f2f2f2), color-stop(50%, #f0bcbc), color-stop(100%, #f0bcbc));
   /* safari4+,chrome */
-  background: -webkit-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #a9a9a9 50%, #a9a9a9 100%);
+  background: -webkit-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* safari5.1+,chrome10+ */
-  background: -o-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #a9a9a9 50%, #a9a9a9 100%);
+  background: -o-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* opera 11.10+ */
-  background: -ms-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #a9a9a9 50%, #a9a9a9 100%);
+  background: -ms-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* ie10+ */
-  background: linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #a9a9a9 50%, #a9a9a9 100%);
+  background: linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* w3c */
 }
 .table > tbody > tr > .calendar-day-reservation-end {
   background-color: #f2f2f2;
-  background: -moz-linear-gradient(to bottom right, #a9a9a9 0%, #a9a9a9 49%, #f2f2f2 50%, #f2f2f2 100%);
+  background: -moz-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%);
   /* ff3.6+ */
-  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a9a9a9), color-stop(49%, #a9a9a9), color-stop(50%, #f2f2f2), color-stop(100%, #f2f2f2));
+  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f0bcbc), color-stop(49%, #f0bcbc), color-stop(50%, #f2f2f2), color-stop(100%, #f2f2f2));
   /* safari4+,chrome */
-  background: -webkit-linear-gradient(to bottom right, #a9a9a9 0%, #a9a9a9 49%, #f2f2f2 50%, #f2f2f2 100%);
+  background: -webkit-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%);
   /* safari5.1+,chrome10+ */
-  background: -o-linear-gradient(to bottom right, #a9a9a9 0%, #a9a9a9 49%, #f2f2f2 50%, #f2f2f2 100%);
+  background: -o-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%);
   /* opera 11.10+ */
-  background: -ms-linear-gradient(to bottom right, #a9a9a9 0%, #a9a9a9 49%, #f2f2f2 50%, #f2f2f2 100%);
+  background: -ms-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%);
   /* ie10+ */
-  background: linear-gradient(to bottom right, #a9a9a9 0%, #a9a9a9 49%, #f2f2f2 50%, #f2f2f2 100%);
+  background: linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%);
   /* w3c */
 }
 .table > tbody > tr > .admin-calendar-day-reservation-begin {
-  background-color: #d9534f;
-  background: -moz-linear-gradient(to bottom right, #648859 0%, #648859 49%, #d9534f 50%, #d9534f 100%);
+  background-color: #f0bcbc;
+  background: -moz-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* ff3.6+ */
-  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #648859), color-stop(49%, #648859), color-stop(50%, #d9534f), color-stop(100%, #d9534f));
+  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #648859), color-stop(49%, #648859), color-stop(50%, #f0bcbc), color-stop(100%, #f0bcbc));
   /* safari4+,chrome */
-  background: -webkit-linear-gradient(to bottom right, #648859 0%, #648859 49%, #d9534f 50%, #d9534f 100%);
+  background: -webkit-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* safari5.1+,chrome10+ */
-  background: -o-linear-gradient(to bottom right, #648859 0%, #648859 49%, #d9534f 50%, #d9534f 100%);
+  background: -o-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* opera 11.10+ */
-  background: -ms-linear-gradient(to bottom right, #648859 0%, #648859 49%, #d9534f 50%, #d9534f 100%);
+  background: -ms-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* ie10+ */
-  background: linear-gradient(to bottom right, #648859 0%, #648859 49%, #d9534f 50%, #d9534f 100%);
+  background: linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%);
   /* w3c */
 }
 .table > tbody > tr > .admin-calendar-day-reservation-end {
   background-color: #648859;
-  background: -moz-linear-gradient(to bottom right, #d9534f 0%, #d9534f 49%, #648859 50%, #648859 100%);
+  background: -moz-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%);
   /* ff3.6+ */
-  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d9534f), color-stop(49%, #d9534f), color-stop(50%, #648859), color-stop(100%, #648859));
+  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f0bcbc), color-stop(49%, #f0bcbc), color-stop(50%, #648859), color-stop(100%, #648859));
   /* safari4+,chrome */
-  background: -webkit-linear-gradient(to bottom right, #d9534f 0%, #d9534f 49%, #648859 50%, #648859 100%);
+  background: -webkit-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%);
   /* safari5.1+,chrome10+ */
-  background: -o-linear-gradient(to bottom right, #d9534f 0%, #d9534f 49%, #648859 50%, #648859 100%);
+  background: -o-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%);
   /* opera 11.10+ */
-  background: -ms-linear-gradient(to bottom right, #d9534f 0%, #d9534f 49%, #648859 50%, #648859 100%);
+  background: -ms-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%);
   /* ie10+ */
-  background: linear-gradient(to bottom right, #d9534f 0%, #d9534f 49%, #648859 50%, #648859 100%);
+  background: linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%);
   /* w3c */
 }
+.image-title {
+  padding: 4px 6px;
+  color: white;
+  font-size: 16px;
+  font-weight: 600;
+  background-color: rgba(0, 0, 0, 0.66);
+}
 /* 
   7) SHORTCODES
 ===============================================================