-<?php\r
-\r
-// Include local configuration if it exists\r
-if (file_exists(dirname(__FILE__) . '/local-config.php')) {\r
- include(dirname(__FILE__) . '/local-config.php');\r
-}\r
-\r
-// Global DB config\r
-if (!defined('DB_NAME')) {\r
- define('DB_NAME', 'ceuqgjxonvwww');\r
-}\r
-if (!defined('DB_USER')) {\r
- define('DB_USER', 'ceuqgjxonvwww');\r
-}\r
-if (!defined('DB_PASSWORD')) {\r
- define('DB_PASSWORD', 'xoZUcguuW9RmRsooHITu');\r
-}\r
-if (!defined('DB_HOST')) {\r
- define('DB_HOST', 'ceuqgjxonvwww.mysql.db');\r
-}\r
-\r
-/** Database Charset to use in creating database tables. */\r
-if (!defined('DB_CHARSET')) {\r
- define('DB_CHARSET', 'utf8');\r
-}\r
-\r
-/** The Database Collate type. Don't change this if in doubt. */\r
-if (!defined('DB_COLLATE')) {\r
- define('DB_COLLATE', '');\r
-}\r
-\r
-\r
-/**#@+\r
- * Authentication Unique Keys and Salts.\r
- *\r
- * Change these to different unique phrases!\r
- * You can generate these using the {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org secret-key service}\r
- * You can change these at any point in time to invalidate all existing cookies. This will force all users to have to log in again.\r
- *\r
- * @since 2.6.0\r
- */\r
-define( 'AUTH_KEY', '-Ko#*vPZoCe!!rScMS%](3&N{RC}X}B:phfCb8B#prV&hqXZ4QS18O%d-j4uu#lb' );\r
-define( 'SECURE_AUTH_KEY', '1=Dl1L}mMsmfbx9=VKV@r<c-hSRAL.Wy8{*h64u,Vz,G_BkybvKKf6XKFhP^GY-9' );\r
-define( 'LOGGED_IN_KEY', 'f,4SNc<$(0 &lZ>mEpE;KxB02mOjS|o;R74j2ll+)/F} @2Wjg S*s.q6=^F3UJR' );\r
-define( 'NONCE_KEY', 'x|rK)^(d(zTfzo*,6-!.+2YC2d~_-BwgK<2/uFM%N_;l^Cz>oV]EsaF-@jal+G]>' );\r
-define( 'AUTH_SALT', 'Hmsnjto?Egl63t.XFw*Rk<1o4{B2^S/UQeMz$Oqwn.`uRb[ICy@G_:*|q/&Fdc{~' );\r
-define( 'SECURE_AUTH_SALT', 'P-j7l3bOXdnzAoQaNMj[RO8}nWw$>rqwOmIsw? P, uP^ipA37)@Z`?)5xZH<jS!' );\r
-define( 'LOGGED_IN_SALT', ' /JeTmI:wmD#3Vpk7awW!+QrtzQ_oRnof&8!v|5Rw[v1~AMZOrt,:VaGq}1B~}>%' );\r
-define( 'NONCE_SALT', 'F.*O}DG,FJYfHKZhmOE}&Mkvix[^:~[RlVLD)f{>@_lpOTRYwd.BA12hUv+J;r,;' );\r
-\r
-/**#@-*/\r
-\r
-/**\r
- * WordPress Database Table prefix.\r
- *\r
- * You can have multiple installations in one database if you give each\r
- * a unique prefix. Only numbers, letters, and underscores please!\r
- */\r
-$table_prefix = 'wp_';\r
-\r
-/**\r
- * For developers: WordPress debugging mode.\r
- *\r
- * Change this to true to enable the display of notices during development.\r
- * It is strongly recommended that plugin and theme developers use WP_DEBUG\r
- * in their development environments.\r
- *\r
- * For information on other constants that can be used for debugging,\r
- * visit the Codex.\r
- *\r
- * @link https://codex.wordpress.org/Debugging_in_WordPress\r
- */\r
-if (!defined('WP_DEBUG')) {\r
- define('WP_DEBUG', false);\r
-}\r
-\r
-/* That's all, stop editing! Happy blogging. */\r
-\r
-/** Absolute path to the WordPress directory. */\r
-if ( !defined('ABSPATH') )\r
- define('ABSPATH', dirname(__FILE__) . '/');\r
-\r
-/** Sets up WordPress vars and included files. */\r
-require_once(ABSPATH . 'wp-settings.php');\r
+<?php
+
+// Include local configuration if it exists
+if (file_exists(dirname(__FILE__) . '/local-config.php')) {
+ include(dirname(__FILE__) . '/local-config.php');
+}
+
+// Increase memory limits for WPML
+define( 'WP_MEMORY_LIMIT', '128M' );
+define( 'WP_MAX_MEMORY_LIMIT', '256M' );
+
+// Global DB config
+if (!defined('DB_NAME')) {
+ define('DB_NAME', 'ceuqgjxonvwww');
+}
+if (!defined('DB_USER')) {
+ define('DB_USER', 'ceuqgjxonvwww');
+}
+if (!defined('DB_PASSWORD')) {
+ define('DB_PASSWORD', 'xoZUcguuW9RmRsooHITu');
+}
+if (!defined('DB_HOST')) {
+ define('DB_HOST', 'ceuqgjxonvwww.mysql.db');
+}
+
+/** Database Charset to use in creating database tables. */
+if (!defined('DB_CHARSET')) {
+ define('DB_CHARSET', 'utf8');
+}
+
+/** The Database Collate type. Don't change this if in doubt. */
+if (!defined('DB_COLLATE')) {
+ define('DB_COLLATE', '');
+}
+
+
+/**#@+
+ * Authentication Unique Keys and Salts.
+ *
+ * Change these to different unique phrases!
+ * You can generate these using the {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org secret-key service}
+ * You can change these at any point in time to invalidate all existing cookies. This will force all users to have to log in again.
+ *
+ * @since 2.6.0
+ */
+define( 'AUTH_KEY', '-Ko#*vPZoCe!!rScMS%](3&N{RC}X}B:phfCb8B#prV&hqXZ4QS18O%d-j4uu#lb' );
+define( 'SECURE_AUTH_KEY', '1=Dl1L}mMsmfbx9=VKV@r<c-hSRAL.Wy8{*h64u,Vz,G_BkybvKKf6XKFhP^GY-9' );
+define( 'LOGGED_IN_KEY', 'f,4SNc<$(0 &lZ>mEpE;KxB02mOjS|o;R74j2ll+)/F} @2Wjg S*s.q6=^F3UJR' );
+define( 'NONCE_KEY', 'x|rK)^(d(zTfzo*,6-!.+2YC2d~_-BwgK<2/uFM%N_;l^Cz>oV]EsaF-@jal+G]>' );
+define( 'AUTH_SALT', 'Hmsnjto?Egl63t.XFw*Rk<1o4{B2^S/UQeMz$Oqwn.`uRb[ICy@G_:*|q/&Fdc{~' );
+define( 'SECURE_AUTH_SALT', 'P-j7l3bOXdnzAoQaNMj[RO8}nWw$>rqwOmIsw? P, uP^ipA37)@Z`?)5xZH<jS!' );
+define( 'LOGGED_IN_SALT', ' /JeTmI:wmD#3Vpk7awW!+QrtzQ_oRnof&8!v|5Rw[v1~AMZOrt,:VaGq}1B~}>%' );
+define( 'NONCE_SALT', 'F.*O}DG,FJYfHKZhmOE}&Mkvix[^:~[RlVLD)f{>@_lpOTRYwd.BA12hUv+J;r,;' );
+
+/**#@-*/
+
+/**
+ * WordPress Database Table prefix.
+ *
+ * You can have multiple installations in one database if you give each
+ * a unique prefix. Only numbers, letters, and underscores please!
+ */
+$table_prefix = 'wp_';
+
+/**
+ * For developers: WordPress debugging mode.
+ *
+ * Change this to true to enable the display of notices during development.
+ * It is strongly recommended that plugin and theme developers use WP_DEBUG
+ * in their development environments.
+ *
+ * For information on other constants that can be used for debugging,
+ * visit the Codex.
+ *
+ * @link https://codex.wordpress.org/Debugging_in_WordPress
+ */
+if (!defined('WP_DEBUG')) {
+ define('WP_DEBUG', false);
+}
+
+/* That's all, stop editing! Happy blogging. */
+
+/** Absolute path to the WordPress directory. */
+if ( !defined('ABSPATH') )
+ define('ABSPATH', dirname(__FILE__) . '/');
+
+/** Sets up WordPress vars and included files. */
+require_once(ABSPATH . 'wp-settings.php');
}
return get_the_title();
}
+
+ // Get available languages from WPML
+ public function languages() {
+ return apply_filters('wpml_active_languages', NULL, 'skip_missing=0');
+ }
+
+ public function current_language() {
+ return apply_filters('wpml_current_language', NULL);
+ }
}
'after_title' => '</h3>'
];
register_sidebar([
- 'name' => __('Primary', 'sage'),
- 'id' => 'sidebar-primary'
- ] + $config);
+ 'name' => __('Footer Column 1', 'c6'),
+ 'id' => 'sidebar-footer-1'
+ ] + $config);
register_sidebar([
- 'name' => __('Footer', 'sage'),
- 'id' => 'sidebar-footer'
- ] + $config);
+ 'name' => __('Footer Column 2', 'c6'),
+ 'id' => 'sidebar-footer-2'
+ ] + $config);
+ register_sidebar([
+ 'name' => __('Footer Column 3', 'c6'),
+ 'id' => 'sidebar-footer-3'
+ ] + $config);
+ register_sidebar([
+ 'name' => __('Footer Copyright', 'c6'),
+ 'id' => 'sidebar-footer-copyright'
+ ] + $config);
});
/**
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="37.385" height="33.105" viewBox="0 0 37.385 33.105">
+ <g id="Group_399" data-name="Group 399" transform="translate(-1360.048 -73.5)">
+ <g id="Group_398" data-name="Group 398">
+ <path id="Path_1186" data-name="Path 1186" d="M1373.146,93.335h-10.665c-1.172,0-1.684-1.073-1.684-2.245V76.5c0-1.173.512-2.246,1.684-2.246H1388.3c1.172,0,1.684,1.073,1.684,2.246V82.67" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+ <path id="Path_1187" data-name="Path 1187" d="M1389.493,74.812,1375.66,86.038l-14.371-11.226" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+ </g>
+ <g id="Groupe_368" data-name="Groupe 368">
+ <path id="Tracé_1184" data-name="Tracé 1184" d="M1390.517,95.693a3.962,3.962,0,1,1-3.963-3.962h0a3.962,3.962,0,0,1,3.963,3.961Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+ <path id="Tracé_1185" data-name="Tracé 1185" d="M1392.283,104.059a10.135,10.135,0,1,1,4.4-8.365v.88a3.082,3.082,0,0,1-6.164,0v-.88" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+ </g>
+ </g>
+</svg>
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="20.598" height="37.5" viewBox="0 0 20.598 37.5">
+ <g id="Groupe_366" data-name="Groupe 366" transform="translate(-1312.583 -68.373)">
+ <path id="Rectangle_112" data-name="Rectangle 112" d="M1315.333,69.123h15.1c1.657,0,2,1.343,2,3v30c0,1.657-.343,3-2,3h-15.1c-1.657,0-2-1.343-2-3v-30C1313.333,70.466,1313.676,69.123,1315.333,69.123Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5"/>
+ <line id="Ligne_216" data-name="Ligne 216" x2="8.687" transform="translate(1318.538 72.123)" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5"/>
+ <circle id="Ellipse_53" data-name="Ellipse 53" cx="1.241" cy="1.241" r="1.241" transform="translate(1321.641 100.779)" fill="#fff" stroke="#fff" stroke-width="1"/>
+ </g>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve">
+<path id="Path_80" fill="#FFFFFF" d="M14.1,37.906h5.555V22.033H14.1V37.906z"/>
+<path id="Path_81" fill="#FFFFFF" d="M16.874,19.652c1.534-0.001,2.777-1.244,2.778-2.778c0-1.534-1.244-2.778-2.778-2.779
+ c-1.533-0.001-2.776,1.242-2.777,2.775c0,0.001,0,0.003,0,0.004C14.096,18.408,15.339,19.651,16.874,19.652
+ C16.873,19.652,16.874,19.652,16.874,19.652"/>
+<path id="Path_82" fill="#FFFFFF" d="M37.905,29.182c0-4.283-0.923-7.148-5.917-7.148c-2.4,0-4.009,0.89-4.668,2.141h-0.068v-2.141
+ h-4.426v15.872h4.625v-7.869c0-2.074,0.393-4.083,2.959-4.083c2.529,0,2.733,2.374,2.733,4.217v7.735h4.762V29.182z"/>
+<path fill="#FFFFFF" d="M26,52C11.663,52,0,40.336,0,26S11.663,0,26,0s26,11.664,26,26S40.337,52,26,52z M26,2
+ C12.767,2,2,12.767,2,26s10.767,24,24,24s24-10.767,24-24S39.233,2,26,2z"/>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve">
+<path id="Path_79" fill="#FFFFFF" d="M40.062,14.535c-1.201,0.702-2.512,1.196-3.878,1.46c-1.162-1.217-2.773-1.904-4.456-1.9
+ c-3.347-0.026-6.081,2.666-6.107,6.012c0,0.46,0.053,0.919,0.157,1.368c-4.892-0.232-9.46-2.51-12.587-6.279
+ c-0.543,0.915-0.829,1.959-0.829,3.023c0.005,2.018,1.027,3.898,2.718,5c-0.968-0.029-1.916-0.286-2.767-0.749v0.075
+ c0.019,2.882,2.07,5.35,4.9,5.895c-0.525,0.14-1.067,0.21-1.61,0.209c-0.385,0-0.77-0.036-1.149-0.107
+ c0.819,2.462,3.106,4.136,5.7,4.174c-2.173,1.675-4.842,2.58-7.586,2.573c-0.487,0-0.973-0.028-1.456-0.083
+ c2.802,1.768,6.049,2.705,9.362,2.7c9.448,0.149,17.228-7.39,17.377-16.839c0.001-0.088,0.002-0.175,0.002-0.263
+ c0-0.26,0-0.521-0.015-0.779c1.193-0.847,2.225-1.9,3.046-3.111c-1.116,0.487-2.298,0.807-3.508,0.947
+ C38.646,17.116,39.601,15.934,40.062,14.535"/>
+<path fill="#FFFFFF" d="M26,52C11.664,52,0,40.336,0,26S11.664,0,26,0s26,11.664,26,26S40.336,52,26,52z M26,2
+ C12.767,2,2,12.767,2,26s10.767,24,24,24s24-10.767,24-24S39.233,2,26,2z"/>
+</svg>
100%
opacity: 1
transform: none
+
+// Submenu fade in effect
+@keyframes fade-in
+ from
+ opacity: 0
+ to
+ opacity: 1
lost-utility: overlay $content-max-width 1 10px #ccc;
body
- lost-utility: overlay 1728px 1 2px rgba(#fc0, 0.7);
+ lost-utility: overlay 1536px 1 2px rgba(#fc0, 0.7);
// Centre line
&:after
box-sizing: inherit
body
- background-color: #fff
+ background-color: #eee
color: $colors.text
font-family: $font
line-height: 1.6
padding: 0
min-width: 320px
+// Main content wrapper - constrain on larger screens
+.main
+ center()
+ background-color: #fff
+
// Paragraph spacing
p:not(:last-of-type)
margin-bottom: 1.5em
.content-inner,
.elementor-section-boxed > .elementor-container
horizontal-spacing()
- max-width: $content-max-width
- margin: 0 auto
+ center($content-max-width * 0.9) // 90% to give extra 5% buffer either side for large screens
// Account for the extra padding Elementor adds with the "extended" column gap (15px)
&.elementor-column-gap-extended
.arrow-link
display: inline-block
- border-bottom: 2px solid
+ color: $colors.orange
&:hover
- color: $colors.red
+ opacity: 0.8
svg
height: r(12px)
display: inline-block
vertical-align: middle
- margin-left: r(12px)
+ margin-right: r(8px)
polygon, path
fill: currentColor
--- /dev/null
+// Overlapping Elements
+
+// Normally this class should be applied to the column to pull up or push down...
+.overlap
+ &-above
+ constrain(margin-top, -5vw)
+ z-index: 2
+
+ &-below
+ constrain(margin-bottom, -5vw)
+ z-index: 2
$font = 'Muli', sans-serif
// Font sizing
-$font-size-base = 20px // Size of 1rem
-$font-size-large = 68px
-$font-size-medium = 45px
-$font-size-small = 12px
+$font-size-base = 20px // Size of 1rem
+$font-size-extra-large = 81px
+$font-size-large = 54px
+$font-size-medium = 45px
+$font-size-small = 12px
// Breakpoints in Rupture (https://github.com/jescalan/rupture)
rupture.scale = 0 400px 768px 1024px
rupture.scale-names = 'small' 'medium' 'large'
rupture.anti-overlap = -1px // Results in +below(1000px) being max-width: 999px and +above(1000px) being min-width: 1000px
$breakpoint-columns = 900px
-$breakpoint-menu = 1024px
+$breakpoint-menu = 768px
// Lost Grid setup (mostly used for Products)
@lost gutter 5%
$colors = {
text: #1C1C1C,
footer: #1C1C1C,
- red: #EF413D,
+ orange: #FF431D,
light-grey: #F5F5F5,
secondary: #4ECDC4,
}
display: inline-block
padding: 1em 1.75em
border-radius: 100px
- background-color: $colors.red
+ background-color: $colors.orange
color: #fff
line-height: 1
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg,
.elementor-button.elementor-size-xl
- background-color: $colors.red
+ background-color: $colors.orange
border-radius: 999px
padding: 1em 2em
text-align: center
appearance: none
cursor: pointer
border: none
- background-color: $colors.red
+ background-color: $colors.orange
color: #fff
font-weight: 500
padding: 0.75em 3em
list-style: none
padding: 0
font-size: 0.7em
- color: $colors.red
+ color: $colors.orange
text-align: right
.landing-page-form &
top: -0.8em
.parsley-error
- border-color: $colors.red !important
+ border-color: $colors.orange !important
/** Search form */
a
&:hover
- color: $colors.red
+ color: $colors.orange
.close
position: absolute
padding-bottom: 5px
&:hover
- color: $colors.red
+ color: $colors.orange
// Special CTA button
.button a:hover
color: #fff
- .menu-opener
- line-height: 1
- padding-bottom: 0
-
- &:hover
- .menu-icon
- fill: $colors.red
-
.current_page_item, .current-menu-parent
- border-bottom: 2px solid $colors.red
+ border-bottom: 2px solid $colors.orange
// Sub-menu
color: #fff
&:hover
- color: $colors.red
-
-// Submenu fade in effect
-@keyframes fade-in
- from
- opacity: 0
- to
- opacity: 1
+ color: $colors.orange
ul.nav
-$breakpoint-footer-cols-2 = 920px // When to break to 2 col view
-$breakpoint-footer-cols-1 = 500px // When to break to 1 col view
+$breakpoint-footer-cols-2 = 880px // When to break to 2 col view
+$breakpoint-footer-cols-1 = 710px // When to break to 1 col view
.footer
&-site
+ center()
font-smoothing()
+ font-size: 16px
background-color: $colors.footer
color: #fff
- padding-top: r(86px)
- padding-bottom: r(60px)
+ padding-top: r(35px)
+ padding-bottom: r(30px)
a
color: #fff
&:hover
- color: $colors.red
+ color: $colors.orange
- // Inner container
+ // Inner container for columns
&-inner
- center(1728px) // 90% max-width of 1920px to give an extra 5% either side at largest screen sizes
- constrain(padding-left, 5vw)
-
- // Columns wrapper
- &-columns
+ center($content-max-width * 0.9) // 90% max-width to give an extra 5% either side at largest screen sizes
+ constrain(padding-left, 2.5vw)
+ constrain(padding-right, 2.5vw)
display: flex
- align-items: flex-end
-
- +below($breakpoint-footer-cols-2)
- flex-wrap: wrap
- font-size: 1.2em // Increase font size a little after wrapping to balance things
+ flex-wrap: wrap
- // Individual columns
&-col
- flex: 1 1 25%
- constrain(padding-right, 5vw)
-
- p:last-child
- margin-bottom: 0
-
- +below($breakpoint-footer-cols-2)
- flex-basis: 50%
- padding-bottom: 7.5vw
+ flex: 1 1 auto
+ display: flex
+ align-items: center
+ constrain(padding-left, 2.5vw)
+ constrain(padding-right, 2.5vw)
+ margin: 0.75em 0
+below($breakpoint-footer-cols-1)
flex-basis: 100%
+ justify-content: center !important
+ text-align: center
+ margin-bottom: 2.5vw !important
// Info section with logo, address etc
&-info
- line-height: 1.2
- min-width: 230px // Stops Estimate button wrapping
-
- p
- margin-bottom: 1em
-
- .button
- margin-top: 1em
- &:hover
- color: #fff
+ padding-left: 0
+ flex-shrink: 0
// Logo overrides
&-logo
- max-width: 304px
- margin: 0 0 r(40px)
-
- .solairebox-text
- fill: #fff
+ flex-grow: 0
+ padding-right: 0
+ &-svg
+ max-width: 84px
+ margin-right: 30px
// Menus
&-menu
- &-social
- margin-top: 2.5em
- text-align: center
- constrain(padding-right, 5vw) // Needed to match 5vw applied internally to footer-columns right side
+ &-social-icons
+ list-style: none
+ margin: 0
+ display: flex
+ justify-content: flex-end
+below($breakpoint-footer-cols-2)
- margin-top: 0
- +below($breakpoint-footer-cols-1)
- margin-top: 2.5vw
+ flex-basis: 100%
+ justify-content: flex-start
+ margin-top: 1em
+
+ li:not(:last-of-type)
+ margin-right: 0.75em
- &-icons
- inline-list()
+ svg
+ display: inline-block
+ width: 36px
+ height: auto
+ *
+ transition: all 0.1s ease-out
+
+ &:hover
+ *
+ fill: $colors.orange
- li:not(:last-of-type)
- constrain(margin-right, 1.5vw)
- img
- display: inline-block
- width: 50px
- height: auto
+ // Icons for links
+ &-email, &-phone
+ &:before
+ content: ''
+ margin-right: 0.5em
+ background-size: contain
+ background-position: center
+ background-repeat: no-repeat
+ display: inline-block
+ vertical-align: middle
- // Switch icons into 3 columns
- /*
- +below(420px)
- display: flex
- flex-wrap: wrap
+ &-email:before
+ background-image: url(../images/icon-email.svg)
+ width: r(36px)
+ height: r(32px)
- li
- margin: 0 0 2em 0 !important
- flex-basis: 33.33%
- display: flex
+ &-phone:before
+ background-image: url(../images/icon-phone.svg)
+ width: r(20px)
+ height: r(36px)
- // First column, keep icons on left side
- &:nth-child(3n+1)
- justify-content: flex-start
- // Second column, keep icons in center
- &:nth-child(3n+2)
- justify-content: center
- // Last column, push icons to right side
- &:nth-child(3n+3)
- justify-content: flex-end
- */
&-copyright
- text-align: center
+ text-align: right
padding-top: r(40px)
- constrain(padding-right, 5vw) // Needed to match 5vw applied internally to footer-columns right side
+ font-size: 14px
+ opacity: 0.5
+ //constrain(padding-right, 5vw) // Needed to match 5vw applied internally to footer-columns right side
header.site
position: relative
z-index: 10
- background-color: $colors.light-grey
- constrain(padding-top, 2.5vw)
- constrain(padding-right, 2.5vw)
- constrain(padding-left, 2.5vw)
min-width: 320px
+ font-size: 16px
// Disable the header when editing with Elementor so it
// doesn't block the home hero blcok section controls
pointer-events: none
.inner
+ center()
+ background-color: #fff
position: relative
display: flex
align-items: center
+ justify-content: space-between
+ constrain(padding-top, 2vw)
padding-bottom: 2rem
+ // Holds the locale switcher + mobile menu icon (only shown on small screens)
+ &-right
+ display: flex
+ align-items: center
+
// Hero block header overrides
.hero-header &, .home & // Also applied for home since .hero-header class seems to be added to body too late for Elementor editor
position: absolute
width: 100%
color: #fff
- background-color: transparent
+ .inner
+ background-color: transparent
.menu-icon
fill: #fff
// Main logo
.header-logo
- flex: 1 1 auto
- padding-right: 50px // Ensure some breathing space between logo and burger menu icon
+ flex: 0 1 auto
+ padding-right: 50px // Ensure some breathing space between logo and burger menu icon
+
+ &-svg
+ max-width: 84px
+ height: auto
+
+
+.locales
+ flex: 0 1 auto
+ position: relative
+
+ &:hover
+ color: $colors.orange
+
+ .locales-list
+ display: block
+ animation: fade-in 0.3s
+
+ &-current
+ text-transform: uppercase
+ cursor: pointer
- &-svg
- max-width: 304px
- height: auto
+ .svg
+ display: inline-block
+ width: 0.95em
+ margin-left: 0.25em
+
+ path
+ stroke: currentColor
+
+ &-list
+ display: none
+ position: absolute
+ left: 0
+ top: 100%
+ reset-list()
+ line-height: 1.8
+
+ // Current active locale in submenu
+ &-active
+ font-weight: 700
+
+// Burger menu icon
+.menu-opener
+ display: none
+ line-height: 1
+ padding-bottom: 0
+ margin-left: 1.5em
+
+ &:hover
+ .menu-icon
+ fill: $colors.orange
+ +below($breakpoint-menu)
+ display: block
.menu-icon
width: r(60px)
@import 'common/debug'
@import 'common/global'
@import 'common/animations'
+@import 'common/overlaps'
// @import 'common/admin-bar'
@import 'widgets/*'
a:not(.button)
text-decoration: underline
&:hover
- color: $colors.red
+ color: $colors.orange
.cookie-notice-container
center(1728px)
height: 100%
overflow: hidden
- +below(1500px)
- height: 98% // Make a bit of room for the arrow
-
- +below($breakpoint-hero)
- height: 77% // Leave some whitespace underneath so content can overlap
-
&-background
width: 100%
height: 120% // Give us some extra height to pan up and down
background-color: #333 // Dark default colour to show before image loads
- background-position: 80%
+ background-position: center
background-size: cover
//animation-name: kenburns
//animation-direction: reverse
&-content
+ font-smoothing()
max-width: r(800px)
constrain(top, 5vw)
constrain(padding-bottom, 10vw) // Ensure main section bottom angle doesn't overlap content box
&-title
- font-size: $font-size-large
+ font-size: $font-size-extra-large
font-weight: 700
white-space: pre-line
margin: 0
--- /dev/null
+// Elementor Image Box
+.elementor-image-box
+ &-title
+ font-size: 24px
+ text-align: left
+
+ &-description
+ font-size: 16px
+ text-align: left
margin-bottom: 1em
&-title
+ font-smoothing()
white-space: pre-line
font-size: $font-size-large
- font-weight: 500
+ font-weight: 300
+below(1600px)
white-space: normal // Avoid strange gaps caused by pre-line breaks wrapping
&-size-medium
font-size: $font-size-medium
- &:after
- content: ''
- display: block
- background-color: $colors.red
- width: 24px
- height: 4px
- margin-top: 0.35em
-
- .secondary-colour &
- background-color: $colors.secondary
-
// No bottom margin if it's the last element (ie. no body below)
&:last-child
margin-bottom: 0
font-weight: 500
a
- color: $colors.red
+ color: $colors.orange
&-cta
//font-smoothing()
+ font-size: 12px
+ font-weight: 800
+ text-transform: uppercase
display: inline-block
margin-top: r(30px)
- border-bottom: 2px solid
// If the CTA is the first child, it means it is the only element
// in the text block so we don't want the top margin...
-<footer class="content-info">
- <div class="container">
- @php dynamic_sidebar('sidebar-footer') @endphp
+<footer class="footer-site">
+ <div class="footer-inner content-inner">
+
+ <div class="footer-col footer-logo">
+ @svg('logo', ['class' => 'footer-logo-svg'])
+ </div>
+
+ <div class="footer-col footer-info">
+ @php(dynamic_sidebar('sidebar-footer-1'))
+ </div>
+
+ <div class="footer-col">
+ @php(dynamic_sidebar('sidebar-footer-2'))
+ </div>
+
+ <div class="footer-col">
+ @php(dynamic_sidebar('sidebar-footer-3'))
+ </div>
+
+ <ul class="footer-col footer-social-icons">
+ <li><a href="https://twitter.com/" target="_blank" rel="noopener">@svg('twitter')</a></li>
+ <li><a href="https://www.linkedin.com/company/c6/" target="_blank" rel="noopener">@svg('linkedin')</a></li>
+ </ul>
+
+ </div>
+
+ <div class="content-inner">
+ <div class="footer-copyright">
+ @php(dynamic_sidebar('sidebar-footer-copyright'))
+ </div>
</div>
</footer>
<header class="site">
- <div class="inner">
- <a class="header-logo" href="{{ home_url('/') }}" aria-label="<?= _("Retour à la page d'accueil") ?>">
+ <div class="inner content-inner">
+ <a class="header-logo" href="{{ home_url('/') }}" aria-label="<?= _("Go to the home page") ?>">
{{--{{ get_bloginfo('name', 'display') }}--}}
@svg('logo', ['class' => 'header-logo-svg'])
</a>
<nav class="nav-primary">
@if (has_nav_menu('primary_navigation'))
{!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'nav']) !!}
-
- <a href="#" id="full-menu-opener" class="menu-opener" aria-label="<?= _('Open the menu') ?>">@svg('menu', ['class' => 'menu-icon'])</a>
@endif
</nav>
- {{-- Off-canvas full menu --}}
- <nav class="nav-full">
- <a href="#" class="close" aria-label="<?= _('Fermer le menu') ?>">@svg('menu-close', ['class' => 'menu-close-icon'])</a>
- </nav>
+ <div class="inner-right">
+ <nav class="locales">
+ <div class="locales-current">
+ {{ $current_language }} @svg('arrow-down')
+ </div>
+ <ul class="locales-list">
+ @foreach ($languages as $language)
+ <li>
+ @if ($language['active'] == 1)
+ <span class="locales-active">{{ $language['native_name'] }}</span>
+ @else
+ <a href="{{ $language['url'] }}">{{ $language['native_name'] }}</a>
+ @endif
+ </li>
+ @endforeach
+ </ul>
+ </nav>
+
+ <a href="#" id="mobile-menu-opener" class="menu-opener" aria-label="<?= _('Open the menu') ?>">@svg('menu', ['class' => 'menu-icon'])</a>
+ </div>
+
</div>
</header>
projects / c6-wordpress.git / commitdiff
