/* Theme Name: Sydney Theme URI: https://athemes.com/theme/sydney Author: aThemes Author URI: https://athemes.com Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/) Version: 2.10 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tested up to: 5.9 Requires PHP: 5.6 Text Domain: sydney Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */ /*-------------------------------------------------------------- Fonts --------------------------------------------------------------*/ /* Raleway - latin -------------------------------------------------------------- */ {\rtf1\ansi\ansicpg1252\deff0\nouicompat\deflang1031{\fonttbl{\f0\fnil\fcharset0 Calibri;}} {\*\generator Riched20 10.0.22621}\viewkind4\uc1 \pard\sa200\sl276\slmult1\f0\fs22\lang7 /* raleway-100 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 100;\par src: url('./fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-200 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 200;\par src: url('./fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-300 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 300;\par src: url('./fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-regular - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 400;\par src: url('./fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-500 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 500;\par src: url('./fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-600 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 600;\par src: url('./fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-700 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 700;\par src: url('./fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-800 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 800;\par src: url('./fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-900 - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: normal;\par font-weight: 900;\par src: url('./fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-100italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 100;\par src: url('./fonts/raleway-v28-latin-100italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-200italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 200;\par src: url('./fonts/raleway-v28-latin-200italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-300italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 300;\par src: url('./fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 400;\par src: url('./fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-500italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 500;\par src: url('./fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-600italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 600;\par src: url('./fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-700italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 700;\par src: url('./fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-800italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 800;\par src: url('./fonts/raleway-v28-latin-800italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par \par /* raleway-900italic - latin */\par @font-face \{\par font-family: 'Raleway';\par font-style: italic;\par font-weight: 900;\par src: url('./fonts/raleway-v28-latin-900italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/raleway-v28-latin-900italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/raleway-v28-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/raleway-v28-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */\par \}\par } /* Roboto - latin -------------------------------------------------------------- */ {\rtf1\ansi\ansicpg1252\deff0\nouicompat\deflang1031{\fonttbl{\f0\fnil\fcharset0 Calibri;}} {\*\generator Riched20 10.0.22621}\viewkind4\uc1 \pard\sa200\sl276\slmult1\f0\fs22\lang7 /* roboto-100 - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: normal;\par font-weight: 100;\par src: url('./fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-100italic - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: italic;\par font-weight: 100;\par src: url('./fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-300 - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: normal;\par font-weight: 300;\par src: url('./fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-300italic - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: italic;\par font-weight: 300;\par src: url('./fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-regular - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: normal;\par font-weight: 400;\par src: url('./fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-italic - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: italic;\par font-weight: 400;\par src: url('./fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-500 - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: normal;\par font-weight: 500;\par src: url('./fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-500italic - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: italic;\par font-weight: 500;\par src: url('./fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-700 - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: normal;\par font-weight: 700;\par src: url('./fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-700italic - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: italic;\par font-weight: 700;\par src: url('./fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-900 - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: normal;\par font-weight: 900;\par src: url('./fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-900italic - latin */\par @font-face \{\par font-family: 'Roboto';\par font-style: italic;\par font-weight: 900;\par src: url('./fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */\par \}\par } /* Roboto slab - latin -------------------------------------------------------------- */ {\rtf1\ansi\ansicpg1252\deff0\nouicompat\deflang1031{\fonttbl{\f0\fnil\fcharset0 Calibri;}} {\*\generator Riched20 10.0.22621}\viewkind4\uc1 \pard\sa200\sl276\slmult1\f0\fs22\lang7 /* roboto-slab-100 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 100;\par src: url('./fonts/roboto-slab-v24-latin-100.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-100.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-100.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-200 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 200;\par src: url('./fonts/roboto-slab-v24-latin-200.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-200.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-200.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-300 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 300;\par src: url('./fonts/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-regular - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 400;\par src: url('./fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-500 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 500;\par src: url('./fonts/roboto-slab-v24-latin-500.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-500.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-600 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 600;\par src: url('./fonts/roboto-slab-v24-latin-600.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-600.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-700 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 700;\par src: url('./fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-800 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 800;\par src: url('./fonts/roboto-slab-v24-latin-800.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-800.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-800.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par \par /* roboto-slab-900 - latin */\par @font-face \{\par font-family: 'Roboto Slab';\par font-style: normal;\par font-weight: 900;\par src: url('./fonts/roboto-slab-v24-latin-900.eot'); /* IE9 Compat Modes */\par src: local(''),\par url('./fonts/roboto-slab-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\par url('./fonts/roboto-slab-v24-latin-900.woff2') format('woff2'), /* Super Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-900.woff') format('woff'), /* Modern Browsers */\par url('./fonts/roboto-slab-v24-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */\par url('./fonts/roboto-slab-v24-latin-900.svg#RobotoSlab') format('svg'); /* Legacy iOS */\par \}\par } :root { --sydney-headings-color: #00102E; --sydney-dark-background: #00102E; --sydney-grey-color: #737C8C; --sydney-text-color: #233452; --sydney-light-background: #F4F5F7; --sydney-button-background: #d65050; } .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*-------------------------------------------------------------- Social --------------------------------------------------------------*/ .social-menu-widget { padding: 0; margin: 0 auto; display: table; text-align: center; } .widget-area .widget_fp_social a, .social-menu-widget a, .social-menu-widget a:hover { color: #d65050; } .social-menu-widget li { display: inline-block; padding: 5px 20px; list-style: none; line-height: 1; } .widget-area .widget_fp_social div ul li { padding: 5px 10px; line-height: 1; } .social-menu-widget a { text-decoration: none; } .social-widget li a::before, .social-menu-widget a:before { font-family: "FontAwesome", "Font Awesome 5 Brands"; color: inherit; } .social-menu-widget li a, .social-widget a { -webkit-backface-visibility: visible; backface-visibility: visible; } .social-menu-widget li a:hover, .social-widget a:hover { } .social-menu-widget a:before { font-size: 50px; text-shadow: 0 0 1px #222; } .widget-area .widget_fp_social a:before { font-size: 34px; } .social-menu-widget a[href*="twitter.com"]::before { content: '\f099'; } .social-menu-widget a[href*="facebook.com"]::before { content: '\f09a'; } .social-menu-widget a[href*="plus.google.com"]::before { content: '\f0d5'; } .social-menu-widget a[href*="google.com/+"]::before { content: '\f0d5'; } .social-menu-widget a[href*="dribbble.com"]::before { content: '\f17d'; } .social-menu-widget a[href*="pinterest.com"]::before { content: '\f231'; } .social-menu-widget a[href*="youtube.com"]::before { content: '\f167'; } .social-menu-widget a[href*="flickr.com"]::before { content: '\f16e'; } .social-menu-widget a[href*="vimeo.com"]::before { content: '\f194'; } .social-menu-widget a[href*="instagram.com"]::before { content: '\f16d'; } .social-menu-widget a[href*="linkedin.com"]::before { content: '\f0e1'; } .social-menu-widget a[href*="foursquare.com"]::before { content: '\f180'; } .social-menu-widget a[href*="tumblr.com"]::before { content: '\f173'; } .social-menu-widget a[href*="behance.net"]::before { content: '\f1b4'; } .social-menu-widget a[href*="deviantart.com"]::before { content: '\f1bd'; } .social-menu-widget a[href*="soundcloud.com"]::before { content: '\f1be'; } .social-menu-widget a[href*="spotify.com"]::before { content: '\f1bc'; } .social-menu-widget a[href*="weibo.com"]::before { content: '\f18a'; } .social-menu-widget a[href*="xing.com"]::before { content: '\f168'; } .social-menu-widget a[href*="trello.com"]::before { content: '\f181'; } /*-------------------------------------------------------------- Navigation --------------------------------------------------------------*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next { float: right; text-align: right; width: 50%; } .posts-navigation .nav-previous { padding-left: 15px; } .posts-navigation .nav-next { padding-right: 15px; } .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 60px; position: relative; border: 1px solid rgba(0, 16, 46, 0.1); } .post-navigation .nav-next, .post-navigation .nav-previous { width: 50%; } .post-navigation .nav-next { text-align: right; } .post-navigation a { color: var(--sydney-text-color); } .post-navigation .nav-previous:hover span, .post-navigation .nav-next:hover span { color: var(--sydney-text-color); } .post-navigation span { color: #c7c7c7; transition: color 0.3s; } .post-navigation .nav-previous, .post-navigation .nav-next { padding: 30px; } .post-navigation .nav-previous span { margin-right: 10px; } .post-navigation .nav-previous { border-right: 1px solid rgba(0, 16, 46, 0.1); } .post-navigation .nav-next span { margin-left: 10px; } .navigation.pagination { margin-top: 30px; } .woocommerce nav.woocommerce-pagination ul li { border: 0; } .woocommerce nav.woocommerce-pagination ul li .page-numbers, .nav-links .page-numbers { background-color: #f7f7f7; padding: 20px; line-height: 1; display: inline-block; color: #443f3f; } .woocommerce nav.woocommerce-pagination ul li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers:hover, .nav-links .page-numbers:not(.dots):hover, .nav-links .page-numbers.current { background-color: #252525; color: #fff; } .woocommerce nav.woocommerce-pagination ul { border: 0; margin: 0; } @media ( min-width: 991px ) { nav.woocommerce-pagination { margin-top: 45px; } } /*-------------------------------------------------------------- Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- Content --------------------------------------------------------------*/ .sticky { display: block; } .hentry { } .updated:not(.published) { display: none; } .single .entry-header, .page .entry-header { margin-bottom: 30px; } .entry-footer { clear: both; margin-top: 30px; } .page-links { clear: both; margin: 0 0 30px; } .page-header { margin: 0; border: 0; } .page-wrap .content-wrapper { padding-top: 15px; padding-bottom: 15px; background-color: #fff; } .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper { padding-top: 30px; padding-bottom: 30px; } .page-template-page_front-page .page-wrap .content-wrapper { padding-top: 0; padding-bottom: 0; background-color: transparent; } .single .meta-post .post-cat::before { content: '/'; padding: 0 10px; } .single .meta-post .post-cat:first-of-type::before { content: ''; padding: 0; } .single .hentry .meta-post a { color: #d65050; } /*-------------------------------------------------------------- Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { max-width: 100%; height: auto; } .fitVids-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .fitVids-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- Repeatable Patterns --------------------------------------------------------------*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-size: 16px; line-height: 1.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; background: #fff; color: var(--sydney-text-color); } a { text-decoration: none; transition: all 0.3s ease-in-out; } a:hover, a:focus { color: #443f3f; text-decoration: none; outline: 0; transition: all 0.3s ease-in-out; } p { margin-bottom: 20px; } .footer-widgets .widget ul, .widget-area .widget ul { list-style: none; padding: 0; } .widget .children { padding-left: 15px; } .img-left { margin: 0 33px 0 0 !important; float: left; } .img-right { margin: 0 0 0 33px !important; float: right; } strong { font-weight: 600; } h1 { font-size: 52px;} h2 { font-size: 42px;} h3 { font-size: 32px;} h4 { font-size: 24px;} h5 { font-size: 20px;} h6 { font-size: 18px;} h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: var(--sydney-headings-color); font-weight: 600; margin: 10px 0 24px; line-height: 1.2; } .text-white { color: #fff !important; } .text-dark { color: #443f3f !important;} button, .llms-button-action, .llms-student-dashboard .llms-button-secondary, input[type="button"], input[type="reset"], input[type="submit"], div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button { position: relative; display: inline-block; font-size: 13px; line-height: 24px; padding: 12px 34px; color: #fff; text-transform: uppercase; border-radius: 3px; transition: all 0.3s; } button:hover, .llms-button-action:hover, .llms-student-dashboard .llms-button-secondary:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background-color: transparent; } .select2-container--default .select2-selection--single, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { color: #767676; background-color: #fafafa; border: 1px solid #dbdbdb; height: 50px; padding: 4px 20px; border-radius: 0; transition: all 0.3s ease-in-out; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { box-shadow: none; } textarea { width: 100%; height: 120px; padding: 15px 20px; } input[type="checkbox"] { display: inline; } input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #a3a2a2; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c3c3c3; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } @-webkit-keyframes pop-scale { 0% { -webkit-transform: scale(0.7) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes pop-scale { 0% { -moz-transform: scale(0.7) } 100% { -moz-transform: scale(1) } } @keyframes pop-scale { 0% { transform: scale(0.7) } 100% { transform: scale(1) } } @-webkit-keyframes pop-scale2 { 0% { -webkit-transform: scale(0.5) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes pop-scale2 { 0% { -moz-transform: scale(0.5) } 100% { -moz-transform: scale(1) } } @keyframes pop-scale2 { 0% { transform: scale(0.5) } 100% { transform: scale(1) } } /* bootstrap resetting elements */ .btn { background-image: none; } textarea, input[type="text"], input[type="submit"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .dropdown-menu, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { -webkit-appearance: none; text-shadow: none; box-shadow: none; } table { width: 100%; } th,td { border: 1px solid #333; padding: 5px; text-align: center; } /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ .site-title { font-size: 32px; line-height: 1.2; font-weight: 600; } .site-title a, .site-title a:hover { color: #fff; } .site-logo { max-height: 100px; width: auto; } .site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: transparent; padding: 20px 0; transition: all 0.3s ease-out; } .admin-bar .site-header, .admin-bar .site-header.float-header { top: 32px; } .admin-bar:not(.siteScrolled) .slide-item { background-position: 50% 0 !important; } .header-image { display: none; position: relative; height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; } .header-inner { display: none; } .site-title { margin: 0; } .site-description { font-size: 16px; margin: 15px 0 0; line-height: 1.6; color: #efefef; } .site-description:empty { margin: 0; } .site-header.fixed { position: fixed; } .site-header .col-md-4, .site-header .col-md-8 { min-height: 0; } .site-header .logo { margin: 40px 0; float: left; transition: all 0.3s linear; } .site-header .logo a { display: block; height: 100%; } .site-header .logo { width: 135px; height: 27px; } .site-header.float-header { background-color: rgba(0,0,0,0.9); padding: 5px; } .site-header.float-header #mainnav { padding: 0; } .site-header.float-header #mainnav > ul > li > a { height: 70px; line-height: 70px; } .site-header.float-header .logo { margin: 20px 0; } /* navigation */ #mainnav { display: block; float: right; transition: all 0.3s linear; } #mainnav ul { list-style: none; margin: 0; padding: 0; } #mainnav li { float: left; padding: 0 14px; font-size: 14px; } #mainnav ul ul li { padding: 0; } #mainnav ul li a { position: relative; display: block; color: #fff; font-weight: 500; text-decoration: none; outline: none; } #mainnav ul li a:hover { color: #d65050; } #mainnav ul ul a { width: 180px; } #mainnav > ul > li:last-child { padding-right: 0; } #mainnav ul li { position: relative; } #mainnav ul li ul { width: 180px; position: absolute; top: 100%; left: initial; opacity: 0; visibility: hidden; border-radius: 0 0 2px 2px; transition: all 0.3s ease; } #mainnav ul li ul ul { top: 0; } #mainnav .dropdown-symbol { fill: #fff; margin-left: 8px; position: relative; top: -2px; } #mainnav ul ul .dropdown-symbol svg { transform: rotate(-90deg); } #mainnav ul li ul:after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; } #mainnav ul li ul ul:after { top: 0; } #mainnav ul li ul li ul { left: 100%; } #mainnav:not(.mainnav.toggled) li > ul.toggled, #mainnav:not(.mainnav.toggled) li:hover > ul { opacity: 1; padding-top: 10px; visibility: visible; left: auto; display: block !important; transition: all 0.3s ease; } #mainnav:not(.mainnav.toggled) li ul.toggled ul.toggled, #mainnav:not(.mainnav.toggled) li:hover > ul ul { padding-top: 0; left: 100%; } #mainnav .sub-menu { z-index: 99999; } #mainnav .sub-menu li a { color: #fff; display: block; line-height: 30px; background: #1c1c1c; padding: 0 18px; border-top: 1px solid #252525; transition: all 0.3s ease; } #mainnav .sub-menu li:hover > a { color: #fff; } #mainnav li:hover > .sub-menu > li > a { padding: 8px 18px; } /* Icons */ #mainnav ul li::before { font-family: "Fontawesome", "Font Awesome 5 Free"; color: #fff; float: left; margin: 5px 5px 0 0; font-size: 14px; line-height: 1; font-weight: 400; } #mainnav ul li a { float: left; } #mainnav .sub-menu li:before { content: ''; margin: 0; transition: all 0.3s ease; } .mainnav.toggled ul li a, #mainnav-mobi ul li a { float: none !important; } .mainnav.toggled ul li::before, #mainnav-mobi ul li::before { content: ''; } .fw-menu-container { padding-left: 60px; padding-right: 60px; } /* New header */ .main-header { transition: background-color 0.3s; } .main-header, .header-search-form { background-color: var(--sydney-dark-background); z-index: 999; } .bottom-header-row #mainnav, .main-header #mainnav { float: none; } .bottom-header-row #mainnav ul li ul, .main-header #mainnav ul li ul { left: -9999em; } .site-header-inner { padding-top: 15px; padding-bottom: 15px; } .bottom-header-row #mainnav a, .main-header #mainnav a { background: transparent !important; border: 0 !important; } .bottom-header-row #mainnav ul li ul:after, .main-header #mainnav ul li ul:after { display: none !important; } .bottom-header-row #mainnav ul ul li, .main-header #mainnav ul ul li { background-color: #233452; display: flex; align-items: center; padding: 0 18px; width: 100%; } .bottom-header-row #mainnav ul ul li:first-of-type, .main-header #mainnav ul ul li:first-of-type { padding-top: 8px; } .bottom-header-row #mainnav ul ul li:last-of-type, .main-header #mainnav ul ul li:last-of-type { padding-bottom: 8px; } .bottom-header_layout_4 #mainnav > div > ul > li:first-of-type, .bottom-header_layout_5 #mainnav > div > ul > li:first-of-type { padding-left: 0; } .bottom-header-row #mainnav ul li ul, .main-header #mainnav ul li ul { width: 220px; } .main-header ul ul a:not(.mega-menu-link) { padding: 0 !important; } .header-item.header-contact i { margin-right: 5px; } .sydney-offcanvas-menu, .mobile-header { display: none; } .sydney-offcanvas-menu .dropdown-symbol { margin-left: 0 !important; } .sydney-offcanvas-menu .header-search, .sydney-offcanvas-menu .wc-account-link, .sydney-offcanvas-menu .site-header-cart { display: inline-block; vertical-align: middle; } .sydney-offcanvas-menu .button { margin-top: 30px; } .sydney-offcanvas-menu #mainnav ul li a { float: none !important; } .sydney-offcanvas-menu .header-contact a { margin-bottom: 15px; } .sydney-offcanvas-menu .header-contact { background-color: transparent !important; border: 0 !important; margin-top: 30px; padding: 0 !important; } .sydney-offcanvas-menu svg { max-height: 16px; } .sydney-offcanvas-menu { position: fixed; left: -100%; opacity: 0; transition: all 0.4s; top: 0; box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.07); padding: 30px; margin: 0; z-index: 99999; background-color: var(--sydney-dark-background); width: 100%; max-width: 300px; height: 100%; overflow-y: auto; } .sydney-offcanvas-menu .mobile-header-item { visibility: hidden; } .admin-bar .sydney-offcanvas-menu { top: 32px; } .sydney-offcanvas-menu.toggled { left: 0; opacity: 1; font-weight: 600; } .sydney-offcanvas-menu.toggled .mobile-header-item { visibility: visible; } .sydney-offcanvas-menu #mainnav a { width: 100%; } .sydney-offcanvas-menu #mainnav .menu-item-has-children a { width: calc(100% - 23px); } .sydney-offcanvas-menu #mainnav ul ul a { width: calc(100% - 23px); background: transparent; border: 0; padding-top: 5px; padding-bottom: 5px; } .sydney-offcanvas-menu #mainnav ul li a { font-size: 18px; } .sydney-offcanvas-menu #mainnav ul ul a:hover { background: transparent; } .sydney-offcanvas-menu #mainnav ul ul li { display: flex; flex-wrap: wrap; padding: 0; background-color: transparent; } .sydney-offcanvas-menu #mainnav ul li ul:after, .sydney-offcanvas-menu #mainnav ul li ul ul:after { display: none; } .sydney-offcanvas-menu #mainnav ul li { padding: 0; margin-right: 0; float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover > ul { padding-top: 0; } .sydney-offcanvas-menu #mainnav ul ul ul { position: static; } .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover > ul, .sydney-offcanvas-menu #mainnav ul ul li:hover > ul { display: none !important; } .sydney-offcanvas-menu #mainnav .sub-menu { display: none; margin: 0; list-style: none; padding-left: 10px; position: static; float: none; box-shadow: none; } .mobile-menu-close svg { fill: #fff; } .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) .sub-menu.toggled { display: block !important; visibility: visible; opacity: 1; width: 100%; margin-bottom: 10px; } .sydney-offcanvas-menu #mainnav li:hover > .sub-menu > li > a { padding: 5px 18px; } .sydney-offcanvas-menu.toggled .menu { display: block; } .sydney-offcanvas-menu #mainnav { display: block; float: none; } .sydney-offcanvas-menu .mainnav ul li:last-of-type { border: 0 !important; } .sydney-offcanvas-menu #mainnav .sub-menu li:hover > a { background: transparent !important; } .mobile-header-item { margin-bottom: 30px; } .main-header .header-contact, .bottom-header-row .header-contact, .mobile-header .header-contact { background: transparent !important; border: 0 !important; width: auto !important; position: static !important; padding: 0 !important; } .mobile-header-item:last-of-type { margin-bottom: 0; } .mobile-header-item .align-right { text-align: right; } @media (max-width: 1024px) { .bottom-header-row, .main-header { display: none; } .mobile-header { display: block; padding-top: 15px; padding-bottom: 15px; } .mobile-header .align-right { justify-content: flex-end; text-align: right; } .mobile-header .align-center { text-align: center; } .sydney-offcanvas-menu { display: block; } } .site-title { margin: 0; } .site-title a, .site-title a:visited { color: #fff; } .site-description { margin: 5px 0 0; } .header-elements { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-elements svg { fill: #fff; max-height: 16px; } .header_layout_1 .header-elements, .header_layout_2 .header-elements { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header_layout_2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header_layout_2 .menu-col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header_layout_2 .menu-center .mainnav > div > ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header_layout_2 .menu-right .mainnav > div > ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header_layout_2 .header-col { padding-left: 15px; padding-right: 15px; } .header_layout_1 .site-branding, .header_layout_3 .site-branding, .header_layout_5 .site-branding { text-align: center; } .bottom-header_layout_3 .mainnav > div > ul { justify-content: center; } .header_layout_3 .header-elements:not(:first-of-type), .bottom-header_layout_3 .header-elements:not(:first-of-type), .bottom-header_layout_4 .header-elements:not(:first-of-type), .header_layout_4 .header-elements:not(:first-of-type), .bottom-header_layout_5 .header-elements:not(:first-of-type), .header_layout_5 .header-elements:not(:first-of-type) { justify-content: flex-end; } .main-header .top-header-row { padding-top: 15px; padding-bottom: 15px; } .main-header.header_layout_3 .site-header-inner, .site-header.header_layout_4 .site-header-inner, .main-header.header_layout_5 .site-header-inner { padding: 0; } .transparent-header .sticky-header.sticky-scrolltop { position: absolute; z-index: 19; width: 100%; top: 0; transition: all 0.5s; } .transparent-header .bottom-header_layout_3.sticky-header.sticky-scrolltop:not(.is-sticky), .transparent-header .bottom-header_layout_4.sticky-header.sticky-scrolltop:not(.is-sticky), .transparent-header .bottom-header_layout_5.sticky-header.sticky-scrolltop:not(.is-sticky) { position: static; } .admin-bar.transparent-header .sticky-header.sticky-scrolltop { top: 32px; } .sticky-header.sticky-scrolltop { position: sticky; top: -200px; transition: top 0.4s; } .sticky-header.is-sticky, .sticky-header.sticky-always { position: sticky; top: 0; } .admin-bar .sticky-header.is-sticky, .admin-bar .sticky-header.sticky-always { top: 32px; } .sticky-header.sticky-shadow, .sticky-header.is-sticky { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); } .bottom-header-row { background-color: var(--sydney-dark-background); z-index: 999; } .bottom-header-inner { padding-top: 15px; padding-bottom: 15px; } .header-item { margin-right: 25px; line-height: 1; font-size: 14px; } .header-item:last-child { margin-right: 0; } .header-contact a { display: block; margin-bottom: 5px; } .header-contact a:last-of-type { margin-bottom: 0; } .header-search .icon-search, .header-search .icon-cancel { display: none; cursor: pointer; position: relative; z-index: 999; } .header-search .icon-search.active, .header-search .icon-cancel.active { display: inline-block; } .header-search .icon-cancel svg { width: 20px; height: 24px; } .icon-cancel { cursor: pointer; } .header-search-form { position: absolute; width: 100%; top: auto; padding: 20px; z-index: 999999; left: -9999em; opacity: 0; transition: opacity 0.3s; visibility: hidden; } .header-search-form form { max-width: 720px; margin-left: auto; margin-right: auto; display: flex; } .header-search-form form .search-field, .header-search-form form label { width: 100%; } .header-search-form label { margin-bottom: 0; } .header-search-form form button, .header-search-form form .search-field { display: block; } .header-search-form form button svg, .header-search-form form .search-field svg { fill: #fff; } .header-search-form form button { padding: 13px 24px !important; border-radius: 0 !important; font-size: 14px !important; } .header-search-form.active { opacity: 1; left: 0; visibility: visible; } .search-overlay { position: fixed; top: 0; height: 100%; width: 100%; z-index: 998; background-color: rgba(0, 0, 0, 0.3); left: -100%; opacity: 0; transition: opacity 0.3s; } .search-overlay.active { opacity: 1; left: 0; } .header-image img { width: 100%; vertical-align: top; } .custom-logo-link { line-height: 1; } .custom-logo-link img { max-width: 180px; } @media (max-width: 1024px) { .bottom-header-row, .main-header { display: none; } .mobile-header { display: block; padding-top: 15px; padding-bottom: 15px; } .mobile-header .align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .mobile-header .align-center { text-align: center; } .sydney-offcanvas-menu { display: block; } } /* Transparent header */ .transparent-header .header-wrapper { position: absolute; width: 100%; top: auto; z-index: 999; } @media (min-width: 1024px) { .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) { background-color: transparent; } } .transparent-header .sticky-header.sticky-always { position: fixed; top: auto; left: 0; width: 100%; transition: all 0.3s; } .transparent-header .sticky-header.is-sticky { position: fixed; width: 100%; } .transparent-header .sticky-header.sticky-always.sticky-active { position: fixed; top: 0; z-index: 999; } .admin-bar.transparent-header .sticky-header.sticky-always.sticky-active { position: fixed; top: 32px; z-index: 999; } /*-------------------------------------------------------------- Mobile navigation --------------------------------------------------------------*/ .mainnav.toggled { display: block !important; top: 100%; } .mainnav.toggled, #mainnav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; background-color: #1c1c1c; margin-top: 15px; z-index: 1000; } #mainnav-mobi { top: 28px; } .mainnav.toggled ul, #mainnav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; } .mainnav.toggled ul li, #mainnav-mobi ul li { margin:0; position: relative; text-align: left; border-top: 1px solid #252525; cursor: pointer; float: none !important; } .mainnav.toggled ul > li > a, #mainnav-mobi ul > li > a { display: block; text-decoration: none; padding: 10px 50px; color: #fff; } .mainnav.toggled ul.sub-menu, #mainnav-mobi ul.sub-menu { top: 100%; left: 0; z-index: 2000; position: relative; background-color: #161625; } .mainnav.toggled > ul > li > ul > li, .mainnav.toggled > ul > li > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li > ul > li { position: relative; border-top: 1px solid #252525; background-color: #222; } .mainnav.toggled > ul > li > ul > li > a, #mainnav-mobi > ul > li > ul > li > a { padding-left: 70px !important } .mainnav.toggled > ul > li > ul > li > ul > li a, #mainnav-mobi > ul > li > ul > li > ul > li a { padding-left: 90px !important } .mainnav.toggled ul.sub-menu > li > a, #mainnav-mobi ul.sub-menu > li > a { display: block; text-decoration: none; padding: 10px 60px; border-top-color: rgba(255,255,255,0.1); transition: all 0.2s ease-out; } .mainnav.toggled > ul > li > ul > li:first-child a, #mainnav-mobi > ul > li > ul > li:first-child a { border-top: none; } #mainnav.toggled ul.sub-menu, #mainnav.toggled ul ul a { width: 100%; left: 0; } #mainnav.toggled li > .sub-menu > li > a { padding: 10px 50px; } #mainnav.toggled ul li ul:after { display: none; } #mainnav.toggled .sub-menu li a { background: transparent !important; } #mainnav.toggled ul ul li { padding: 0 14px; } .mainnav.toggled ul.sub-menu > li > a:hover, .mainnav.toggled > ul > li > ul > li.active > a, #mainnav-mobi ul.sub-menu > li > a:hover, #mainnav-mobi > ul > li > ul > li.active > a { color: #fff; } .btn-menu { float: right; color: #fff; text-align:center; width: 28px; height: 28px; cursor: pointer; transition: all 0.3s ease-out; } .btn-submenu { position: absolute; right: 20px; top: 0; width: 50px; text-align: center; } .btn-submenu.is-amp { color: #fff; font-size: 26px; } @media ( min-width: 1025px ) { .btn-submenu { display: none; } } .btn-menu { display: none } /*-------------------------------------------------------------- Layout --------------------------------------------------------------*/ /* Page sider */ #page-slider { position: relative; height: 250px; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .page-wrap { padding: 83px 0 100px; clear: both; } .page-template-page_front-page .page-wrap, .projects-template-post_full .page-wrap, .projects-template-post_full .page-wrap .content-wrapper { padding: 0; } .entry-page p, .entry-post p { margin-bottom: 24px; } .entry-post img { margin: 10px 0 20px; } .header-slider, .owl-wrapper { direction: ltr; } .header-slider, .owl-carousel { -webkit-transform: translate3d(0,0,0); } .header-slider { -moz-transform: none; transform: none; } /*-------------------------------------------------------------- Parallax --------------------------------------------------------------*/ .parallax { width: 100%; background-attachment: fixed; background-position: 50% 0; } /*-------------------------------------------------------------- Hero section --------------------------------------------------------------*/ .header-slider { position: relative; max-width: 100%; } .slide-text.slides { padding-left: 0; } .slides-container .slide-item { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .sliderFix { display: block !important; } .text-slider-section { position: absolute; top: 50%; left: 0; right: 0; text-align: center; z-index: 2; width: 100%; padding-top: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .text-slider .maintitle, .text-slider .subtitle { z-index: 10; color: #fff; margin: 0; letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .text-slider .maintitle { position: relative; display: inline-block; font-size: 57px; line-height: 67px; font-weight: 700; padding-bottom: 10px; } .text-slider .maintitle:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 40%; height: 1px; margin-left: -20%; } .text-slider .subtitle { font-size: 30px; line-height: 40px; padding: 20px 0 50px; font-weight: 300; } .text-slider { position: relative; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInRightBig { from { right: -1200px; } to { right: 0; } } @keyframes fadeInRightBig { from { right: -1200px; } to { right: 0; } } .slide-inner { position: absolute; top: 50%; left: 0; right: 0; text-align: center; z-index: 2; width: 100%; min-height: 260px; padding-top: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header-slider { overflow: hidden; } .header-slider[data-speed="0"] .slide-item { opacity: 1 !important; } /*-------------------------------------------------------------- Blog --------------------------------------------------------------*/ .content-area .post-wrap, .contact-form-wrap { padding-right: 30px; } .no-sidebar .page-wrap { overflow-x: hidden; } .content-area.no-sidebar { padding-left: 15px; padding-right: 15px; } .no-sidebar .content-area .post-wrap { padding-right: 0; } .single-post .no-sidebar .entry-thumb, .single-post.no-sidebar .entry-thumb { max-width: 920px; margin-left: auto; margin-right: auto; } .single-post .no-sidebar .entry-header, .single-post .no-sidebar .entry-content, .single-post .no-sidebar .entry-footer, .single-post .no-sidebar .post-navigation, .single-post .no-sidebar .comments-area, .single-post .no-sidebar .single-post-author, .single-post.no-sidebar .entry-header, .single-post.no-sidebar .entry-content, .single-post.no-sidebar .entry-footer, .single-post.no-sidebar .post-navigation, .single-post.no-sidebar .comments-area, .single-post.no-sidebar .single-post-author { max-width: 730px; margin-left: auto; margin-right: auto; } .entry-content > * { margin-bottom: 1.5em; } .entry-content > .elementor, .entry-content > .panel-layout { margin-bottom: 0; } body:not(.elementor-page):not(.panel-layout) .entry-content h1 { margin-top: 1em; margin-bottom: 0.5em; } body:not(.elementor-page):not(.panel-layout) .entry-content h2, body:not(.elementor-page):not(.panel-layout) .entry-content h3, body:not(.elementor-page):not(.panel-layout) .entry-content h4, body:not(.elementor-page):not(.panel-layout) .entry-content h5, body:not(.elementor-page):not(.panel-layout) .entry-content h6 { margin-top: 1.2em; margin-bottom: 0.5em; } .content-area .hentry { position: relative; padding-bottom: 20px; } .hentry .post-content { overflow: hidden; } .content-area .entry-thumb { text-align: center; margin-bottom: 24px; } .hentry .title-post { font-size: 36px; line-height: normal; padding-bottom: 10px; margin: 0; } .single .entry-header .entry-title { padding: 0; } .posts-layout .entry-title { font-size: 32px; padding: 0; } .posts-layout .hentry { margin-bottom: 80px; padding-bottom: 0; } .single-post-author .author-link, .posts-layout .read-more { color: var(--sydney-headings-color); text-decoration: underline; display: inline-block; margin-top: 20px; } .single-post-author .author-link:hover, .posts-layout .read-more:hover { color: var(--sydney-grey-color); } .posts-layout .entry-header { margin-bottom: 24px; } .posts-layout .entry-post p:last-of-type { margin-bottom: 0; } .entry-title a { color: var(--sydney-headings-color); } .posts-layout .entry-title a:hover { color: var(--sydney-grey-color); } span.author.vcard { padding: 0; margin: 0; } .hentry .wp-block-quote.is-style-large, .hentry blockquote { background-color: var(--sydney-light-background); font-size: 22px; margin: 30px 0; padding: 30px 30px 30px 40px; position: relative; font-style: normal; border-left: 3px solid #000; } .hentry .wp-block-quote.is-style-large p { font-style: normal; font-size: 32px; } .hentry blockquote cite { color: var(--sydney-grey-color); text-transform: uppercase; font-size: 12px; font-style: normal; letter-spacing: 1px; } .hentry .wp-block-quote.is-style-large cite { font-size: 12px; } .hentry .wp-block-pullquote blockquote { padding: 30px; border: 3px solid #000; } .hentry .wp-block-pullquote p { font-size: 32px; } .fullwidth { width: 100%; } .error-404 { text-align: center; } .error-404 .page-content p { margin-bottom: 30px; } .layout5 .hentry:after { width: 0; height: 0; } .layout3 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .posts-layout .post-align-center { text-align: center; } .posts-layout .post-align-center .entry-meta { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .posts-layout .post-align-center .entry-header { text-align: center; } .posts-layout .post-align-right { text-align: right; } .posts-layout .post-align-right .entry-header { text-align: right; } .posts-layout .post-align-right .entry-meta { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .posts-layout .list-image { width: 35%; } .posts-layout .list-content { width: 65%; max-width: 65%; } .posts-layout article:not(.has-post-thumbnail) .list-content { width: 100%; max-width: 100%; } .layout4 article, .layout6 article { display: -webkit-box; display: -ms-flexbox; display: flex; } .layout4 .entry-thumb, .layout6 .entry-thumb { margin: 0 24px 0 0; } .posts-layout .post-vertical-align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .posts-layout .post-vertical-align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .layout4 .image-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .layout4 .image-right .entry-thumb { margin: 0 0 0 30px; } .list-image.image-left:empty { display: none; } .layout6 article:nth-of-type(even) .list-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .layout6 article:nth-of-type(even) .list-image .entry-thumb { margin: 0 0 0 24px; } .no-sidebar .layout1, .no-sidebar .layout2 { max-width: 920px; margin-left: auto; margin-right: auto; padding-left: 15px !important; padding-right: 15px !important; float: none !important; } .single .meta-post a { text-transform: uppercase; letter-spacing: 5px; font-size: 13px; } .single-meta, .single-meta a { color: #68647a; } .single .single-meta { text-transform: uppercase; font-size: 13px; } .single .single-meta { display: table; } .single-meta .byline { padding-left: 10px; } /* Post author bio */ .single-post-author { margin-bottom: 60px; background-color: var(--sydney-light-background); padding: 40px; text-align: center; } .single-post-author .author-avatar img { border-radius: 50%; } /* Related posts */ .sydney-related-posts { margin-bottom: 60px; } .related-post .entry-meta { margin-bottom: 6px; } .related-post .entry-title { margin-top: 6px; margin-bottom: 0; } /* Meta */ .entry-meta { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; margin-bottom: 15px; } .entry-meta .avatar { border-radius: 50%; margin-left: 5px; } .entry-meta .author a.url { color: var(--sydney-headings-color); } .entry-meta, .entry-meta a { color: var(--sydney-grey-color); } .posts-layout .entry-meta a:hover, .entry-meta a:hover { color: var(--sydney-headings-color); } .entry-meta > * { margin-right: 10px; } .entry-meta > *:last-of-type { margin-right: 0; } .entry-meta.delimiter-dot > *, .entry-meta.delimiter-vertical > *, .entry-meta.delimiter-horizontal > * { margin-right: 0; } .entry-meta.delimiter-dot > *:after, .entry-meta.delimiter-vertical > *:after, .entry-meta.delimiter-horizontal > *:after { padding: 0 10px; } .entry-meta.delimiter-dot > *:last-child:after, .entry-meta.delimiter-vertical > *:last-child:after, .entry-meta.delimiter-horizontal > *:last-child:after { display: none; } .entry-meta.delimiter-dot > *:after { content: ''; background: #00102E; opacity: 0.2; width: 4px; height: 4px; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 10px; padding: 0; } .entry-meta.delimiter-vertical > *:after { content: '\007C'; } .entry-meta.delimiter-horizontal > *:after { content: '\0023AF'; } .single .entry-meta-below { margin-bottom: 0; } /*-------------------------------------------------------------- Widgets --------------------------------------------------------------*/ .widget-area { border: 1px solid rgba(0, 0, 0, 0.1); padding: 30px; } .widget-area .widget { position: relative; margin-bottom: 55px; } .sidebar-column .widget:last-of-type { margin-bottom: 0; } .widget-area .widget:before { content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 1px; } .widget-area .widget:first-child { padding-top: 0; } .widget-area .widget:first-child:before { height: 0; } .widget-area .widget-title { font-size: 22px; line-height: normal; padding-bottom: 24px; margin: 0; } .widget-area .widget ul li { padding: 5px 0; } .widget-area .widget ul li:first-child { padding-top: 0; } .widget-area .widget ul li:last-child { padding-bottom: 0; } .widget-area, .widget-area a { color: #767676; } /* widget categories */ .widget-categories .categories li a { position: relative; display: block; } .widget-categories .categories li span { position: absolute; right: 0; top: 0; } /* widget tags */ .widget-tags .tag-list a { display: inline-block; font-size: 13px; color: #767676; border: 1px solid #dbdbdb; padding: 7px 15px; margin: 4px; margin-left: 0; } .widget-tags .tag-list a:hover { color: #5e5e5e; } .search-field { max-width: 100%; } /*-------------------------------------------------------------- Blog single --------------------------------------------------------------*/ .single-post .hentry { padding-bottom: 0; } .tags-links a { display: inline-block; background-color: var(--sydney-grey-color); padding: 2px 10px; color: #fff; margin: 0 4px; font-size: 12px; text-transform: uppercase; font-weight: 600; } .tags-links a:hover { background-color: var(--sydney-headings-color); } .tags-links a:first-of-type { margin-left: 0; } .single .hentry { margin-bottom: 60px; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ .comments-area { margin-bottom: 60px; margin-top: 30px; } .comments-title { margin: 0 0 30px 0; font-size: 24px; } .comments-area ol { list-style: none; } .comments-area ol { padding: 0; } .comments-area .children { padding-left: 20px; } .comments-area .fn { color: #505050; } .comment-author .avatar { position: absolute; } .comment-author .fn, .comment-metadata { margin-left: 80px; } .comment-metadata { font-size: 13px; margin-bottom: 20px; text-transform: uppercase; } .comment-form .form-submit { margin-top: 20px; margin-bottom: 0; } .comment-body { padding: 15px 0; margin-bottom: 20px; border-bottom: 1px solid #f3f3f3; background-color: #fff; } .reply { margin-left: 80px; background-color: #e64e4e; display: table; margin-top: 15px; } .comment-reply-link { padding: 8px 22px; font-size: 13px; text-transform: uppercase; color: #fff; line-height: 1; font-weight: 600; display: table; } .comment-meta a { color: #c7c7c7; } .comments-area a.url { color: #505050; text-decoration: none; } .bypostauthor { } .comment-reply-title { font-size: 24px; } .comment-form input:not([type="checkbox"]) { width: 100%; max-width: 100%; } .form-submit input { width: auto; } .comment-content { margin-left: 80px; } #commentform { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #commentform p { width: 100%; } #commentform .comment-form-email, #commentform .comment-form-url { width: calc(50% - 15px); } #commentform .comment-form-email { margin-right: 15px; } #commentform .comment-form-url { margin-left: 15px; } .comment-respond { background-color: var(--sydney-light-background); padding: 40px; } .comment-respond .comment-notes { margin-bottom: 40px; } /*-------------------------------------------------------------- Footer --------------------------------------------------------------*/ .footer-widgets { border: 0; padding: 0; background-color: #252525; } .footer-widgets .widget-title { text-transform: uppercase; color: #fff; line-height: normal; margin: 5px 0 0; } .footer-widgets, .footer-widgets a { color: #666666; } .footer-widgets-grid { padding: 95px 0; display: grid; gap: 30px; } .footer-widgets-grid.footer-layout-2 { grid-template-columns: repeat(2, 1fr); } .footer-widgets-grid.footer-layout-col2-bigleft { grid-template-columns: 2fr 1fr; } .footer-widgets-grid.footer-layout-col2-bigright { grid-template-columns: 1fr 2fr; } .footer-widgets-grid.footer-layout-3 { grid-template-columns: repeat(3, 1fr); } .footer-widgets-grid.footer-layout-col3-bigleft { grid-template-columns: 3fr 1fr 1fr; } .footer-widgets-grid.footer-layout-col3-bigright { grid-template-columns: 1fr 1fr 3fr; } .footer-widgets-grid.footer-layout-4 { grid-template-columns: repeat(4, 1fr); } .footer-widgets-grid.footer-layout-col4-bigleft { grid-template-columns: 2fr 1fr 1fr 1fr; } .footer-widgets-grid.footer-layout-col4-bigright { grid-template-columns: 1fr 1fr 1fr 2fr; } .footer-widgets-grid.align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-widgets-grid.align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .visibility-mobile-only { display: none; } @media (max-width: 991px) { .visibility-desktop-only { display: none; } .visibility-mobile-only { display: block; } } /*-------------------------------------------------------------- Bottom --------------------------------------------------------------*/ .site-info { padding: 20px 0; } .site-footer { background-color: #1c1c1c; } .site-footer, .site-footer a { color: #666; } .site-footer svg { fill: #666; } .social-profile { text-align: right; } .social-profile a { margin-right: 20px; } .social-profile a:last-of-type { margin-right: 0; } /*-------------------------------------------------------------- Preloader --------------------------------------------------------------*/ .preloader { background: none repeat scroll 0 0 #fff; height: 100%; opacity: 1; position: fixed; text-align: center; transition: opacity 0.2s ease 0s; width: 100%; z-index: 9999; } .preloader.disable { opacity: 0; } .preloader.hide { display: none; } .preloader .spinner { height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: relative; top: 50%; width: 30px; } .preloader .pre-bounce1, .preloader .pre-bounce2 { -webkit-animation: 2s ease 0s normal none infinite bounce; animation: 2s ease 0s normal none infinite bounce; background-color: #de4939; border-radius: 50%; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; } .preloader .pre-bounce2 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } /*-------------------------------------------------------------- Go to top button --------------------------------------------------------------*/ .go-top { position: fixed !important; right: 20px; bottom: -45px; color: #fff; display: block; line-height: 1; text-align: center; padding: 15px; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 9999; cursor: pointer; font-size: 14px; border-radius: 2px; transition: all 0.5s; } .go-top.position-left { right: auto; left: 20px; } .go-top:hover { background-color: #fff; } .go-top.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; bottom : 11px; } .go-top span { margin-right: 7px; vertical-align: middle; } /*-------------------------------------------------------------- Panels --------------------------------------------------------------*/ .panel-grid-cell .widget-title { text-align: center; margin-bottom: 50px; position: relative; font-weight: 600; line-height: normal; text-transform: uppercase; padding-bottom: 10px; } .panel-grid-cell .widget-title:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 50px; height: 1px; margin-left: -25px; background-color: #d65050; } .panel-grid { max-width: 1170px; margin-left: auto !important; margin-right: auto !important; } .panel-row-style[data-hasbg="hasbg"] { background-size: cover; background-attachment: fixed; background-repeat: no-repeat; position: relative; z-index: 11; overflow: hidden; } .panel-grid .overlay { z-index: -1; } .no-col-padding .panel-grid-cell { padding-left: 0 !important; padding-right: 0 !important; } /* SO post carousel fix */ .sow-carousel-thumbnail .overlay { position: static; height: 100% !important; } /* Counter -------------------------------------------------------------- */ .roll-counter { text-align: center; } .roll-counter i { font-size: 30px; } .roll-counter .name-count { font-size: 14px; font-weight: 600; padding: 15px 0; } .roll-counter .numb-count { font-size: 44px; padding: 0; font-weight: 600; } /* Clients -------------------------------------------------------------- */ .roll-client { text-align: center; } .roll-client .client-item { float: none; display: inline-block; width: 19%; text-align: center; margin: 15px 0; } .roll-client .client-item img { max-width: 150px; } /* Icon Box -------------------------------------------------------------- */ .service { margin-bottom: 30px; } .widget_sydney_services_type_b .service { margin-bottom: 20px; } .widget_sydney_services_type_b .service-thumb { float: left; max-width: 120px; margin-right: 30px; margin-top: 7px; } .service.col-md-4:nth-of-type(3n+1) { clear: left; } .service.col-md-6:nth-of-type(2n+1) { clear: left; } .roll-icon-box { text-align: center; } .roll-icon-box .service-thumb { margin: 0 auto 20px; } .roll-icon-box .icon { text-align: center; width: 70px; height: 70px; line-height: 75px; margin: 0 auto 20px; border-radius: 50%; } .roll-icon-box.left { text-align: left; } .roll-icon-box.left .icon { float: left; margin-top: 7px; margin-right: 30px; } .roll-icon-box .icon i { font-size: 26px; } .roll-icon-box .content { overflow: hidden; } .roll-icon-box .content h3 { font-size: 16px; font-weight: 500; line-height: normal; margin: 7px 0 10px; } .roll-icon-box .content h3, .roll-icon-box .content h3 a { color: #443f3f; } .roll-icon-box .content p { margin: 0; } /* Contact widget -------------------------------------------------------------- */ .sydney_contact_info_widget span { color: #d65050; margin-right: 15px; } .sydney_contact_info_widget div { margin-bottom: 10px; } /* Icon List -------------------------------------------------------------- */ .roll-icon-list { padding-top: 15px; } .roll-icon-list .icon { text-align: center; width: 70px; height: 70px; line-height: 75px; float: left; margin-right: 30px; margin-top: 7px; border-radius: 50%; } .roll-icon-list .icon i { font-size: 26px; } .roll-icon-list .list-item { margin-bottom: 30px; } .roll-icon-list .content { overflow: hidden; } .roll-icon-list .content h3 { font-size: 16px; font-weight: 500; line-height: normal; margin: 7px 0 10px; } .roll-icon-list .content h3 a { color: #443f3f; } .roll-icon-list .content p { margin-bottom: 0; } /* List -------------------------------------------------------------- */ .roll-list { list-style: none; margin: 0 0 30px 10px; } .roll-list li { line-height: 32px; position: relative; padding-left: 40px; } .roll-list li:before { content: "\f006"; content: "\f005"; font-family: "FontAwesome", "Font Awesome 5 Free"; font-size: 15px; position: absolute; left: 0; top: 0; } /* Button -------------------------------------------------------------- */ .roll-button { position: relative; display: inline-block; font-size: 13px; line-height: 24px; font-weight: 500; padding: 12px 35px; letter-spacing: 1px; color: #fff; text-transform: uppercase; border-radius: 3px; transition: all 0.3s; } .roll-button:hover { background-color: transparent; } .roll-button.border { background-color: transparent; text-transform: uppercase; } .roll-button.border:hover { color: #fff; } .roll-button.border.text-white { color: #fff; } .roll-button.light { background-color: #fff; border: 1px solid #fff; color: #443f3f; } .roll-button.light:hover { color: #fff; } .roll-button.light.border { border: 1px solid #fff; background-color: transparent; color: #fff; } .roll-button.light.border:hover { border: 1px solid #443f3f; background-color: #443f3f; color: #fff; } .roll-button.dark { background-color: #443f3f; border: 1px solid #443f3f; } .roll-button.dark:hover { border: 1px solid #443f3f; background-color: transparent; color: #443f3f; } .roll-button.dark.border { border: 1px solid #443f3f; background-color: transparent; color: #443f3f; } .roll-button.dark.border:hover { border: 1px solid #443f3f; background-color: #443f3f; color: #fff; } .more-button { display: table; margin: 30px auto 0; clear: both; } /* Lastest news -------------------------------------------------------------- */ .blog-post { margin-bottom: 30px; } .blog-post .entry-title { margin: 15px 0; font-size: 16px; } /* Lastest Projects -------------------------------------------------------------- */ .project-filter { margin: 20px 0 50px 0; text-align: center; padding-left: 0; } .project-filter li { display: inline-block; position: relative; text-align: center; margin-left: -4px; background-color: #f5f5f5; transition: background 0.3s; } .widget-area .widget .project-filter li { padding: 0; } .project-filter li a { color: #767676; display: block; font-size: 13px; font-weight: 600; outline: 0; padding: 10px; } .project-filter li a.active, .project-filter li a:hover, #secondary .project-filter li a.active, #secondary .project-filter li a:hover { color: #fff; } .roll-project { width: 100%; padding-bottom: 50px; margin: 0; } .roll-project .project-item { margin: 0 0 30px; } .roll-project.fullwidth .project-item { float: left; } .roll-project.fullwidth .project-item { width: 20%; margin: 0; } .roll-project .project-item .item-wrap { position: relative; } .roll-project .project-item .pop-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; z-index: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 1s; } .roll-project .project-item .project-pop-wrap { z-index: 20; width: 100%; height: 100%; position: absolute; } .roll-project .project-item .project-pop { color: #fff; text-align: center; z-index: 1; width: 100%; height: 100%; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; position: absolute; transition: all 0.3s; } .roll-project .project-item .project-pop a { color: #fff; } .roll-project .project-item:hover .project-pop { opacity: 0.5; } .roll-project .project-item .project-pop h3 { font-size: 16px; font-weight: 700; line-height: 26px; position: absolute; left: 0; bottom: 50%; width: 100%; margin-bottom: -4px; } .roll-project .project-item .project-cat { width: 100%; position: absolute; left: 0; top: 50%; padding-top: 20px; margin: 0; } .roll-project .project-item .project-cat li { display: inline-block; } .roll-project .project-item .project-cat li a { position: relative; font-style: italic; padding: 0 5px; } .roll-project .project-item .project-cat li a:before { position: absolute; content: "/"; left: -3px; top: -1px; } .roll-project .project-item .project-cat li:first-child a:before { content: ""; } .roll-project .project-item:hover .project-title-wrap, .roll-project .project-item:hover > .item-wrap .project-pop{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25); -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25); animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25); } .roll-project .project-item:hover > .item-wrap .pop-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .project-title-wrap{ position:absolute; width: 100%; height: 100%; opacity: 0; z-index: 2; } .roll-project .project-item:hover > .item-wrap .project-title-wrap { border: 2px solid yellow; } .roll-project .project-title{ display: table; width: 100%; height: 100%; text-align: center; color: #fff; } .roll-project .project-title span{ display: table-cell; vertical-align: middle; padding-left: 10px; padding-right: 10px; } /* Testimonials -------------------------------------------------------------- */ .roll-testimonials { max-width: 750px; margin: 0 auto 30px; text-align: center; } .roll-testimonials .avatar { width: 100px; margin: 7px auto 26px; border: 2px solid #fff; } .roll-testimonials .avatar, .roll-testimonials .avatar img { border-radius: 50%; } .roll-testimonials .whisper { font-size: 18px; font-style: italic; line-height: 26px; padding: 0 0 20px; margin: 0; border: 0; } .hentry .roll-testimonials blockquote { background-color: transparent; color: inherit; } .roll-testimonials .name { font-size: 18px; font-weight: 500; } .roll-testimonials .name span { font-size: 13px; display: block; color: #767676; } .roll-testimonials .owl-controls { margin-top: 40px; } .hentry .roll-testimonials blockquote { background: transparent; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel{ display: none; position: relative; -ms-touch-action: pan-y; transition: all 0.3s !important; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-theme .owl-controls{ text-align: center; margin-top: 45px; } .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; } .owl-theme .owl-controls .owl-page span{ display: block; width: 9px; height: 9px; margin: 4px; background-color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; border-radius: 50%; transition: background 0.3s; } .widget_sydney_testimonials .fa { display: none; } /* Socials -------------------------------------------------------------- */ .roll-socials li { display: inline-block; text-align: center; margin: 2px 8px 8px 0; } .roll-socials li:last-child { margin-right: 0; } .roll-socials li a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: transparent; font-size: 16px; border-radius: 50%; } .roll-socials li a:hover { color: #fff; } /* Progress Bar -------------------------------------------------------------- */ .roll-progress { position: relative; margin-bottom: 20px; } .roll-progress .name { position: absolute; left: 0; top:0; } .roll-progress .name, .roll-progress .perc { font-weight: 400; } .roll-progress .progress-animate { height: 10px; width: 0; border-radius: 2px; } .roll-progress .progress-bar { background: #f3f3f3; width: 100%; margin-top: 10px; border-radius: 2px; } .roll-progress .perc { width: 0; text-align: right; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: opacity 1s ease-in-out; } .roll-progress .perc.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* Promo Box -------------------------------------------------------------- */ .roll-promobox { text-align: center; padding: 20px 0; } .roll-promobox .promo-controls { margin-top: 25px; } .roll-promobox .title { font-size: 18px; margin-bottom: 10px; color: #8e8e8e; font-weight: 500; } .roll-promobox .promo-content p { margin-bottom: 40px; font-size: 16px; } .roll-promobox.aside-style { text-align: left } .roll-promobox.aside-style .promo-content p { padding-bottom: 15px; } .roll-promobox.aside-style .promo-wrap { display: table; overflow: hidden; width: 100%; } .roll-promobox.aside-style .promo-content { display: table-cell; vertical-align: middle; width: 70%; } .roll-promobox.aside-style .promo-content p { margin: 0 0 5px; } .roll-promobox.aside-style .promo-controls { display: table-cell; margin: 0; text-align: center; vertical-align: middle; white-space: nowrap; width: 30%; } /* Team -------------------------------------------------------------- */ .roll-team.carousel .team-item { padding: 0 25px; } .post-type-archive-employees .team-item { margin-bottom: 30px; } .roll-team .team-inner { padding: 4px; background-color: #fff; position: relative; text-align: center; } .roll-team .team-item .team-pop .name { font-size: 16px; font-weight: 600; color: #fff; padding: 10px 0; } .roll-team .team-item .team-pop .pos { font-style: italic; } .roll-team .team-item .team-pop .team-info { top: 30%; position: relative; width: 100%; } .roll-team .team-item .pop-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; z-index: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 1s; } .roll-team .team-item .team-social { text-align: center; padding: 17px 0 0; margin: 0; } .roll-team .team-item .team-social li { display: inline-block; } .roll-team .team-social li a { font-size: 16px; color: #fff; display: block; margin-left: 5px; height: 30px; width: 30px; line-height: 28px; border: 1px solid #fff; background-color: transparent; border-radius: 50%; transition: all 0.3s; } .roll-team .team-item .team-social li:first-child a { margin-left: 0; } .roll-team .team-item .team-social li:hover a { background-color: #fff; } .archive .team-social li a { color: #d65050; border: 1px solid #d65050; } .roll-team .team-item .team-pop { color: #fff; z-index: 20; width: 100%; height: 100%; padding: 0 10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.3s; } .roll-team .team-item:hover > .team-inner .team-pop { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2); -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2); animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2); } .roll-team .team-item:hover > .team-inner .pop-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .roll-team .team-content { text-align: center; } .roll-team .team-content .name { font-size: 16px; font-weight: 600; padding: 12px 0 2px; } .roll-team .team-content .pos { padding-bottom: 12px; color: #443f3f; } .archive .team-item:nth-of-type(3n+1) { clear: left; } .entry-post .roll-team .team-inner .avatar img { margin: 0; } /* Elements -------------------------------------------------------------- */ a { color: #d65050; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #d65050; } .text-color { color: #d65050;} button, input[type="button"], input[type="reset"], input[type="submit"], div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button { background-color: #d65050; border: 1px solid #d65050; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background-color: transparent; color: #d65050; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid #d65050; } #mainnav > ul > li > a.active, #mainnav > ul > li > a:hover { color: #d65050; } #mainnav ul li ul:after { background-color: #d65050; transition: all 0.3s ease; } #mainnav .sub-menu li:hover > a { background-color: #d65050; } .error-wrap #search-submit:hover { background-color: #d65050; border-color: #d65050; } .text-slider .maintitle:after { background-color: #d65050; } .hentry .meta-post a:hover { color: #d65050; } .blog-pagination ul li { border: 1px solid #d65050; } .blog-pagination ul li.active, .blog-pagination ul li:hover a { background-color: #d65050; } .sidebar .widget:before { background-color: #d65050; } .widget-tags .tag-list a:hover { border: 1px solid #d65050; } .comment .comment-detail { border: 1px solid #d65050; } .bottom .socials li:hover a, .go-top { background-color: #d65050; } .go-top:hover { color: #d65050; } .switcher-container .switcher-icon a:focus { color: #d65050; } .owl-theme .owl-controls .owl-page span{ border: 2px solid #d65050; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background-color: #d65050; } .roll-icon-box .icon { border: 1px solid #d65050; } .roll-icon-box .icon i, .roll-icon-box .content h3 a:hover { color: #d65050; } .roll-icon-box.white .icon { background-color: #d65050; } .roll-icon-box.white .content h3 a { color: #d65050; } .roll-icon-list .icon { border: 1px solid #d65050; } .roll-icon-list .icon i, .roll-icon-list .content h3 a:hover { color: #d65050; } .llms-student-dashboard .llms-button-secondary, .roll-button { background-color: #d65050; border: 1px solid #d65050; } .llms-student-dashboard .llms-button-secondary:hover, .roll-button:hover { color: #d65050; } .roll-button.border { color: #d65050; border: 1px solid #d65050; } .roll-button.border:hover { background-color: #d65050; } .roll-button.light:hover { border: 1px solid #d65050; background-color: #d65050; } .project-filter li a.active, .project-filter li a:hover { background-color: #d65050; } .roll-testimonials .name { font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 500; color: #d65050; } .roll-project .project-item .project-pop { background-color: #d65050; } .roll-socials li a { border: 1px solid #d65050; } .roll-socials li a:hover { background-color: #d65050; border: 1px solid #d65050; } .roll-progress .progress-animate { background-color: #d65050; } .roll-team .team-item .team-pop .team-social li:hover a { color: #d65050; } .roll-team .team-item .team-pop { background-color: #d65050; } .roll-team .team-content .name { color: #d65050; } /* Woocommerce basic - full styles in wc.css -------------------------------------------------------------- */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #d65050; } .cart-contents { position: relative; } .cart-contents .fa, .header-account .fa { font-size: 18px; } .cart-amount { background-color: #d65050; font-size: 12px; display: block; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; top: -10px; position: absolute; color: #fff; right: -18px; text-align: center; } .woocommerce ul.products li.product .woocommerce-LoopProduct-link p { color: #767676; } ol.flex-control-nav.flex-control-thumbs { list-style-type: none; padding-left: 0; margin: 0 -3px; } ol.flex-control-nav.flex-control-thumbs li img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; } ol.flex-control-nav.flex-control-thumbs li { width: 33.333%; display: inline-block; padding: 3px; vertical-align: middle; } ol.flex-control-nav.flex-control-thumbs li img:not(.flex-active) { opacity: 0.6; } .woocommerce ul#shipping_method { display: table; margin: 0 auto; text-align: left; } .woocommerce ul#shipping_method li { padding: 0; } .woocommerce ul.products li.product .button { font-size: 13px; text-transform: uppercase; fill: #fff; letter-spacing: 1px; } .woocommerce ul.products li.product .button .sydney-svg-icon { margin-right: 8px; vertical-align: text-bottom; } .woocommerce ul.products li.product .onsale, .yith-wcqv-main span.onsale, .woocommerce span.onsale { margin: 0; min-height: auto; min-width: auto; line-height: 1; background: #252525; font-weight: 400; padding: 5px 12px !important; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .woocommerce ul.products li.product .price { font-weight: 600; } .woocommerce ul.products li.product h2 { font-weight: 400; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { display: inline-block; } .woocommerce ul.products li.product .yith-wcqv-button, .woocommerce ul.products li.product .yith-wcwl-add-button, .woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse, .woocommerce ul.products li.product .compare, .single-product .entry-summary .yith-wcwl-add-button, .single-product .entry-summary .yith-wcwl-wishlistexistsbrowse, .single-product .entry-summary .compare { width: 36px; height: 36px; display: block; background: #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); text-align: center; line-height: 36px; fill: #3e3e3e; font-size: 16px; } .single-product .entry-summary .yith-wcwl-add-to-wishlist, .single-product .entry-summary .compare { display: inline-block; } .single-product .entry-summary .yith-wcwl-add-to-wishlist { margin-right: 10px; } .yith-placeholder { position: absolute; top: 15px; left: 15px; width: 36px; } .product_meta { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ebebeb; } .product_meta > * { display: block; } .woocommerce-product-details__short-description { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ebebeb; } .woocommerce-product-details__short-description p:last-of-type { margin: 0; } .yith-placeholder > * { margin: 15px 0 0; opacity: 0; left: -150px !important; position: relative; } .yith-placeholder > *:first-child { margin: 0; } .woocommerce ul.products li.product { overflow: hidden; } .woocommerce ul.products li.product:hover .yith-placeholder > * { opacity: 1; left: 0 !important; z-index: 11; } .woocommerce ul.products li.product:hover .yith-placeholder > * { transition: all 0.5s; } .woocommerce ul.products li.product:hover .yith-placeholder > *:nth-child(2) { transition-delay: 0.2s; } .woocommerce ul.products li.product:hover .yith-placeholder > *:nth-child(3) { transition-delay: 0.4s; } .woocommerce-cart .content-area, .woocommerce-checkout .content-area { width: 100%; } .single-product .entry-summary .compare svg, .woocommerce ul.products li.product .compare svg, .woocommerce ul.products li.product .yith-wcqv-button svg { max-width: 15px; position: relative; top: 3px; } .yith-wcwl-add-button>a i, .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon, .woocommerce ul.products li.product .feedback .yith-wcwl-icon, .woocommerce ul.products li.product .yith-wcwl-add-button i { margin: 0; } .woocommerce ul.products li.product .yith-wcwl-add-button a { color: #3e3e3e; } .single-product .entry-summary .compare, .woocommerce ul.products li.product .compare { padding: 0; } .woocommerce-tabs li { margin-right: 15px; } .woocommerce-tabs li:last-of-type { margin-right: 0; } .woocommerce-tabs li a { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; color: #737373; font-weight: 600; } .woocommerce-tabs li.active a { color: #000; padding-bottom: 5px; border-bottom: 2px solid; } .woocommerce-tabs.wc-tabs-wrapper { margin-bottom: 45px; border-bottom: 1px solid #ebebeb; } .woocommerce-MyAccount-navigation li a { color: #443f3f; } .woocommerce-MyAccount-navigation li.is-active a { font-weight: 600; } .woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td { border: 0; } .woocommerce table.shop_table tr { border-bottom: 2px solid #f0f0f0; } .woocommerce table.shop_table td { padding: 10px; } .woocommerce-cart table.cart img { width: auto; max-width: 100px; } .woocommerce-cart table.cart .product-name a { color: #443f3f; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding: 30px 10px; } .woocommerce-cart table.cart .coupon .button { background-color: var(--sydney-light-background); color: var(--sydney-headings-color); } .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart .coupon .button, .woocommerce-cart table.cart button.button[name="update_cart"] { padding: 0 20px; height: 42px; line-height: 42px; } .checkout_coupon button.button[name="apply_coupon"] { height: 50px; line-height: 50px; padding-top: 0; padding-bottom: 0; background-color: #cecece; color: #443f3f; } .woocommerce-cart .post-wrap, .woocommerce-checkout .post-wrap { padding-right: 0; } .woocommerce-cart table.cart button.button[name="update_cart"] { background: #000; color: #fff; } .shop_table th, .shop_table td, .cart_totals th, .cart_totals td { text-align: left; } .woocommerce-shipping-methods label { font-weight: 400; } .woocommerce-shipping-methods input { margin-right: 10px; } .woocommerce ul#shipping_method { display: block; margin-bottom: 20px; } .woocommerce-shipping-destination { margin-bottom: 5px; } .woocommerce-info a, .woocommerce-privacy-policy-link, a.shipping-calculator-button { color: #717171; text-decoration: underline; } a.shipping-calculator-button { font-size: 14px; } .woocommerce-cart .button[name="calc_shipping"] { background-color: #cecece; color: #443f3f; padding: 0 20px; height: 42px; line-height: 42px; } .shipping-calculator-form { margin-top: 20px; } .woocommerce .woocommerce-cart-form a.remove { display: block; font-size: 20px; height: 28px; width: 28px; line-height: 25px; color: #333!important; border: 2px solid #f0f0f0; text-decoration: none; font-weight: 700; margin: 0 auto; } .woocommerce .woocommerce-cart-form a.remove:hover { color: #fff!important; background: #ff6565; border-color: #ff6565; } .woocommerce-checkout .button[name="woocommerce_checkout_place_order"], .wc-proceed-to-checkout a.button { font-size: 14px; line-height: 24px; font-weight: 700; padding: 12px 34px; text-transform: uppercase; letter-spacing: 1px; width: 100%; } .shipping_address .select2-container .select2-selection__rendered, .woocommerce-billing-fields .select2-container .select2-selection__rendered, .cart_totals .select2-container .select2-selection__rendered { margin-top: 8px; padding: 0; } .shipping_address .select2-container .select2-selection__arrow, .woocommerce-billing-fields .select2-container .select2-selection__arrow, .cart_totals .select2-container .select2-selection__arrow { margin-top: 12px; right: 10px; } #order_comments_field label, .shipping_address label, #payment label, .woocommerce-billing-fields label { font-weight: 400; } .woocommerce form .form-row { margin: 0 0 20px; } .woocommerce-form__label-for-checkbox input[type=checkbox] { margin-left: 0; border-color: #dbdbdb; } .woocommerce-form__label-for-checkbox span { padding-left: 20px; } .woocommerce-checkout ul#shipping_method { margin-bottom: 0; } @media ( min-width: 1024px ) { .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; } .woocommerce-checkout #customer_details { width: 66.66667%; float: left; padding-right: 45px; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { width: 33.33333%; float: left; } .woocommerce-checkout #order_review_heading { margin-top: 10px; padding-top: 0; border-top: 0; } .woocommerce-checkout #order_review th, .woocommerce-checkout #order_review td { text-align: left; padding: 15px 10px 15px 0; } .woocommerce-checkout #order_review .order-total .woocommerce-Price-amount { font-size: 20px; } .checkout.woocommerce-checkout { margin-top: 50px; } .checkout.woocommerce-checkout:before, .checkout.woocommerce-checkout:after { content: " "; display: table; } .checkout.woocommerce-checkout:after { clear: both; } } .woocommerce-order-received .entry-content h2 { font-size: 26px; } .woocommerce-order-received .woocommerce-thankyou-order-details, section.woocommerce-bacs-bank-details { margin-bottom: 50px; } .woocommerce-order-received .woocommerce-thankyou-order-details, .woocommerce-order-received .wc-bacs-bank-details { padding-left: 0; } .woocommerce-order-received table.shop_table td, .woocommerce-order-received table.shop_table th { padding-left: 0; } /* Core video -------------------------------------------------------------- */ .wp-custom-header video { display: block; height: auto; max-width: 100%; width: 100%; } .wp-custom-header iframe { vertical-align: top; } .wp-custom-header { position: relative; } .wp-custom-header .wp-custom-header-video-button { display: none; } /* Lightbox video -------------------------------------------------------------- */ .sydney-video .video-text, .sydney-video .toggle-popup, .sydney-video .close-popup { display: none; } .sydney-video.vid-lightbox .video-text { display: block; margin-bottom: 30px; } .sydney-video.vid-lightbox .video-text:empty { margin-bottom: 0; } .sydney-video.vid-lightbox .popup-show .close-popup { display: block; position: absolute; top: -30px; right: -30px; z-index: 12; font-size: 20px; cursor: pointer; color: #fff; } .sydney-video.vid-lightbox .sydney-video-inner { max-width: 720px; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sydney-video.vid-lightbox .video-overlay { position: fixed; top: 0; left: -9999em; height: 100%; width: 100%; z-index: 9998; background-color: rgba(0, 0, 0, 0.3); } .sydney-video.vid-lightbox .popup-show { left: 0; } .sydney-video.vid-lightbox { text-align: center; } .sydney-video.vid-lightbox .toggle-popup { width: 60px; height: 60px; display: table; margin: 0 auto; background-color: #fff; box-shadow: 0 0 12px 0 rgba(83, 85, 93, 0.3); border-radius: 50%; line-height: 60px; font-size: 28px; color: #46444c; transition: all 0.4s; } .sydney-video.vid-lightbox .toggle-popup:hover { background-color: #46444c; color: #fff; } /*-------------------------------------------------------------- Integrations --------------------------------------------------------------*/ /* Elementor and Beaver Builder */ .page-template-page_front-page.elementor-page .page-wrap .content-wrapper, .page-template-page_front-page.fl-builder .page-wrap .content-wrapper { width: 100%; padding: 0 15px; } /* Parallax fix */ @-moz-document url-prefix() { .panel-row-style { background-position: center !important; } } .elementor-section, .panel-row-style { -moz-transform: none !important; } _:-ms-lang(x), .elementor-section, .panel-row-style { transform: none !important; } /* End parallax fix */ .fl-widget .widgettitle, div[class*="elementor-widget-wp-widget-sydney"] h5 { text-align: center; margin-bottom: 50px; position: relative; font-weight: 600; line-height: normal; text-transform: uppercase; padding-bottom: 10px; font-size: 32px; } /* Mailchimp for WordPress */ .mc4wp-form label { display: block; width: 100%; } .mc4wp-form input:not([type="submit"]) { width: 100%; } /* Yoast SEO breadcrumbs */ .sydney-breadcrumbs { background-color: #f7f7f7; padding: 15px; margin-bottom: 30px; margin-right: 20px; } .sydney-breadcrumbs, .sydney-breadcrumbs a { color: #47425d; } .sydney-breadcrumbs a { text-decoration: underline; margin: 0 3px; text-decoration-color: #bababa; } /* Elementor slider block */ .athemes-hero-slider .slide-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .athemes-hero-slider .hero-slide-inner { transform: translatey(-50%); position: absolute; top: 50%; left: 0; width: 100%; } .elementor-section-boxed .athemes-hero-slider .hero-slide-inner { padding: 30px; } .elementor-section-boxed .athemes-hero-slider .hero-slide-inner .container { width: 100%; } .athemes-hero-slider .swiper-button-next, .athemes-hero-slider .swiper-button-prev { background: none; fill: #fff; } .athemes-hero-slider .swiper-pagination-bullet { width: 20px; height: 6px; border-radius: 5px; background-color: #fff; } .athemes-hero-slider .roll-button { display: inline-block; margin-top: 20px; } /*-------------------------------------------------------------- SVGs --------------------------------------------------------------*/ .sydney-svg-icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; line-height: 1; } .go-top svg { stroke: #fff; width: 18px; height: 18px; } .go-top:hover svg { fill: none; stroke: #d65050; } .meta-post .sydney-svg-icon { position: absolute; top: 2px; left: 0; width: 14px; } .posted-on .sydney-svg-icon { top: -1px; } .single-meta .sydney-svg-icon { fill: #68647a; } .single-meta .sydney-svg-icon { width: 14px; height: 20px; margin-right: 7px; } .wp-custom-header button { fill: #fff; } .btn-menu .sydney-svg-icon { width: 22px; fill: #fff; } .btn-submenu svg { fill: #fff; width: 20px; transform: rotate(-180deg); transition: all 0.4s; position: relative; top: 15px; } .btn-submenu.active svg { transform: rotate(0); } /* Media Queries -------------------------------------------------------------- */ .visibility-mobile-only { display: none; } @media (max-width: 991px) { .visibility-desktop-only { display: none; } .visibility-mobile-only { display: block; } } @media only screen and (min-width: 1930px) { .parallax { background-size: cover; } } /* Smaller than standard 1200 */ @media only screen and (max-width: 1199px) { .roll-icon-list .list-item { margin-bottom: 18px; } .roll-project.fullwidth .project-item { width: 25%; } } /* Smaller than standard 980 */ @media only screen and (max-width: 991px) { .parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; } .roll-counter .numb-count { font-size: 24px; } .header-wrap .col-md-8 { padding: 0; } .last { margin-bottom: 0 !important; } .margin-bottom-device { margin-bottom: 50px; } .margin-top-device { margin-top: 50px; } .content-area .post-wrap, .contact-form-wrap { padding-right: 0; } .contact-form-aside, .sidebar { margin-top: 50px; } .roll-icon-box { margin-bottom: 30px; } .roll-promobox.aside-style, .roll-promobox.aside-style .promo-wrap, .roll-promobox.aside-style .promo-content, .roll-promobox.aside-style .promo-controls { display: block; text-align: center; width: 100%; } .roll-promobox.aside-style .title { margin-bottom: 20px; } .roll-project.fullwidth .project-item { width: 33.3%; } .footer-widgets .widget { margin-bottom: 50px; } .roll-client .client-item img { max-width: 100%; } .blog-post:nth-of-type(2n+1) { clear: left; } } @media only screen and (max-width: 1024px) { .site-header.fixed { position: static !important; } .slides-container .slide-item, .panel-row-style { background-attachment: scroll !important; background-position: center !important; } .panel-row-style.mob-pad-0 { padding: 0 !important; } .panel-row-style.mob-pad-15 { padding: 15px 0 !important; } .panel-row-style.mob-pad-30 { padding: 30px 0 !important; } .panel-row-style.mob-pad-45 { padding: 45px 0 !important; } .site-header { position: static; background-color: rgba(0,0,0,0.9); } .header-clone { display: none; } .posts-navigation { overflow: hidden; margin-bottom: 30px; } #mainnav { display: none; } .btn-menu { display: block; } .fw-menu-container { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 780px) { .roll-client .client-item img { max-width: 100%; } .panel-grid-cell { padding-left:15px !important; padding-right:15px !important; margin-bottom: 15px !important; } h1 { font-size: 32px;} h2 { font-size: 28px;} h3 { font-size: 22px;} h4 { font-size: 18px;} h5 { font-size: 16px;} h6 { font-size: 14px;} } /* Tablet Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; } } @media only screen and (max-width: 1399px) { .site-header #mainnav ul li ul { right: 14px; } .site-header #mainnav ul li ul li ul { left: -100%; } } /* All Mobile Sizes */ @media only screen and (max-width: 767px) { .layout6 article { display: block; } .posts-layout .list-image { width: 100% !important; } .posts-layout .list-image .entry-thumb { margin: 0 0 30px !important; } .col-grow-mobile { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .posts-layout { max-width: 100%; } .text-slider-section { min-height: 190px; } .text-slider .maintitle { font-size: 32px; line-height: 1.1; padding-bottom: 10px; } .text-slider .subtitle { font-size: 16px; line-height: 24px; padding: 15px 0; } .roll-button { padding: 10px 30px; } .roll-project .project-item { width: 100%; } .roll-project.fullwidth .project-item { width: 50%; } .roll-counter { margin-bottom: 30px; } .sydney_facts_widget .col-md-3:last-of-type .roll-counter { margin-bottom: 0; } .roll-counter .name-count { padding: 5px 0; } .single-post .author-post .author-avatar { float: none; margin-bottom: 20px; } .single-post .author-post .author-info { margin-left: 0; padding: 0; } .single-post .author-post ul.socials { position: static; } .single-post .author-post .intro { clear: left; padding-top: 10px; } .comment-list .children { margin-left: 75px; } .error-wrap .error-search { padding: 0 20px; } .social-menu-widget a:before { font-size: 42px; } .btn-menu { float: none; margin: 15px auto 0; } .header-wrap { text-align: center; } #mainnav-mobi { top: auto; } .site-header.float-header { padding-top: 20px; padding-bottom: 20px; } .text-slider-section { min-height: 0; top: auto; bottom: 0; } .fluid-width-video-wrapper + #wp-custom-header-video-button { display: none; } .footer-widgets-grid { grid-template-columns: 1fr !important; } .site-info .sydney-credits, .site-info .social-profile { text-align: center; } .site-info .social-profile { margin-top: 15px;; } } @media only screen and (max-width: 575px) { .roll-client .client-item { padding: 5px; margin: 0; width: 32.5%; } .post-navigation .nav-previous, .post-navigation .nav-next { width: 100%; float: none; text-align: left; text-align: center; padding: 15px; } .post-navigation .nav-previous { border: 0; border-bottom:1px solid rgba(0, 16, 46, 0.1); } .facts-section.style2 .col-md-3 { width: 100%; } #commentform .comment-form-email, #commentform .comment-form-url { width: 100%; margin-left: 0; margin-right: 0; } .comment-respond { padding: 20px; } } /* Mobile Portrait Size */ @media only screen and (max-width: 479px) { .roll-project.fullwidth .project-item { width: 100%; } .blog-post, .service, .sidebar-column { padding: 0; } .roll-button { font-size: 12px; } .text-slider .maintitle { font-size: 18px; } .text-slider .subtitle { font-size: 14px; } .text-slider { margin-bottom: 5px; } .text-slider .subtitle { padding: 5px 0; } .button-slider { padding: 5px 15px; font-size: 11px; } } @media only screen and (max-width: 320px) { .text-slider { margin-bottom: 0; } } /* Center menu vertically */ @media screen and (min-width: 1025px) { #mainnav > div > ul, .header-wrap .fw-menu-container > .row, .header-wrap .container > .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main-header #mainnav > div > ul, .bottom-header-row #mainnav > div > ul { align-items: initial; } #mainnav > div > ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-centered #mainnav > div > ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-centered .fw-menu-container > .row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* Mobile slider */ .mobile-slide { display: none; } .sydney-hero-area { overflow: hidden; } /** ** Gutenberg */ .wp-block-button__link { font-weight: 600; background-color: var(--sydney-button-background); } .wp-block-button__link:hover { opacity: 0.85; } .wp-block-button.is-style-outline a:not(.has-text-color) { color: var(--sydney-button-background); } .wp-block-button.is-style-outline a:not(.has-text-color):hover { background-color: var(--sydney-button-background); border-color: var(--sydney-button-background); color: #fff; } .post-template-post_nosidebar .content-area { max-width: 805px; margin-left: auto; margin-right: auto; } .post-template-post_nosidebar .alignfull, .post-template-post_nosidebar .wp-block-cover-image { max-width: 100vw; width: auto; margin-left: -182px; margin-right: -182px; } .post-template-post_nosidebar .alignwide { max-width: none; width: calc(100% + 200px); position: relative; left: -100px; } @media (min-width: 1024px) { .no-sidebar .entry-content .alignfull { margin: 20px calc(50% - 50vw); max-width: 100vw; width: 100vw; } .no-sidebar .entry-content .alignwide { margin: 20px calc(25% - 25vw); width: auto; } } .wp-block-group.has-background { padding: 20px 30px; } #mainnav-mobi.syd-hidden { display: none; } #mainnav-mobi.toggled { display: block; } .btn-submenu.toggled ~ .sub-menu { display: block !important; position: relative !important; opacity: 1 !important; visibility: visible !important; } .sub-menu.toggled { display: block !important; } @media (min-width: 991px) { .content-area.sidebar-left { padding-right: 15px; padding-left: 60px; float: right; } }