/** * ================================================= * File: main.less * File provides: Custom Theme styles * Colours, Typography, Paddings * * This is the main configuration file * presets/*.less they contain skins * * @author: Matteo Montanari * ================================================= */ /* * * * * * * * * * * * * * * * * * * * * * Choose default Preset */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * GLOBAL Colours * * ODD backgrounds SECTIONS: (default: darks) * + Primary Colours: ODDS, Menu, Banner, Footer etc .. */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * GLOBAL Font Sizes * * Tag: */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Headings Banner (default font-weight) */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * GLOBAL Spaces top / bottom */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * - - START Colors - - * GLOBAL Catalyst Colors */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * GLOBAL basic Colours RGBA / RGB * * ODD (default: darks) */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * HowTo Video INTRO */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * GLOBAL blocks colours CONFIG * * Banner */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Menu */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * What i do */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Team */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Services */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * About me */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * My skills */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Curriculum vitae */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Portfolio */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Prices */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Testimonials */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Contacts */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Clients */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Social media */ /** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Footer */ /* * * * * * * * * * * * * * * * * * * * * * Import fonts files */ /** - - - - - - - - - - - - - - - - - - - - - * Import Google Font */ /** - - - - - - - - - - - - - - - - - - - - - * Set Typography */ /** - - - - - - - - - - - - - - - - - - - - - * Additional Configuration * * See related: presets/*.less * and replace values here: */ /** - - - - - - - - - - - - - - - - - - - - - * Local font */ /* source-sans-pro-200 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200.eot'); src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-200italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200italic.eot'); src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightIt'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-200italic.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300.eot'); src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-300italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300italic.eot'); src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-300italic.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-regular.eot'); src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-italic.eot'); src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-italic.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600.eot'); src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-600italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600italic.eot'); src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-600italic.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700.eot'); src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-700italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700italic.eot'); src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-700italic.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-900 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900.eot'); src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* source-sans-pro-900italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900italic.eot'); src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackIt'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/source-sans-pro/source-sans-pro-v9-latin-900italic.svg#SourceSansPro') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /** - - - - - - - - - - - - - - - - - - - - - * Import Google Font */ /** - - - - - - - - - - - - - - - - - - - - - * Set Typography */ /** - - - - - - - - - - - - - - - - - - - - - * Additional Configuration * * See related: presets/*.less * and replace values here: */ /* old-standard-tt-regular - latin */ @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-regular.eot'); src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-regular.svg#OldStandardTT') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* old-standard-tt-italic - latin */ @font-face { font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-italic.eot'); src: local('Old Standard TT Italic'), local('OldStandardTT-Italic'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-italic.svg#OldStandardTT') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* old-standard-tt-700 - latin */ @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap; src: url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-700.eot'); src: local('Old Standard TT Bold'), local('OldStandardTT-Bold'), url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/theme_lazy5basic/themes/lazy5basic/css/fonts/old-standard-tt/old-standard-tt-v9-latin-700.svg#OldStandardTT') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /* * * * * * * * * * * * * * * * * * * * * * Import Theme styles */ /** Minix control colors --------------------------------------------------------- */ /** * SMART ITEM LIGHTER COLORS * --------------------------------------------------------- */ /** * SMART ITEM DEFAULT COLORS * --------------------------------------------------------- */ /** * SMART ITEM LOW SATURATION COLORS * --------------------------------------------------------- */ /** * SMART ITEM COLORS for PORTFOLIO, TEAM * --------------------------------------------------------- */ /* Main Tags ---------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button { font-size: 100%; margin: 0; padding: 0; border: none; outline: 0; background: transparent; } *, *::before, *::after { box-sizing: border-box; } *:focus { outline: 0; } /* Main ---------------------------------------------------------*/ html { overflow-y: scroll; } body { color: #222222; background-color: #ffffff; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; overflow: hidden; } /* Main Page Wrapper ---------------------------------------------------------*/ div.main-wrapper { margin-bottom: -1px; /* Highlights ---------------------------------------------------------*/ /* Anchors ---------------------------------------------------------*/ /** * - - PRE HANDS - - * * Anchors + Buttons (.btn .btn-primary) ---------------------------------------------------------*/ /* Scroll Top Arrow ---------------------------------------------------------*/ /* Preloader Animation (GIF) ---------------------------------------------------------*/ /* Menu --------------------------------------------------------- */ /* Banner --------------------------------------------------------- */ /* What I Do --------------------------------------------------------- */ /* Team --------------------------------------------------------- */ /* Services --------------------------------------------------------- */ /* FB Page Posts --------------------------------------------------------- */ /* About Me --------------------------------------------------------- */ /* Adverts --------------------------------------------------------- */ /* Bookmarks --------------------------------------------------------- */ /* My Skills --------------------------------------------------------- */ /* My Works --------------------------------------------------------- */ /* Prices --------------------------------------------------------- */ /* Portfolio --------------------------------------------------------- */ /* Testimonials --------------------------------------------------------- */ /* Contacts --------------------------------------------------------- */ /* Clients --------------------------------------------------------- */ /* Social Media --------------------------------------------------------- */ /* Footer --------------------------------------------------------- */ } div.main-wrapper article, div.main-wrapper aside, div.main-wrapper details, div.main-wrapper figcaption, div.main-wrapper figure, div.main-wrapper footer, div.main-wrapper header, div.main-wrapper hgroup, div.main-wrapper menu, div.main-wrapper nav, div.main-wrapper section { display: block; } div.main-wrapper figure { position: static; width: 100%; height: auto; margin: 0; padding: 0; } div.main-wrapper hr { margin: 0; padding: 0; } div.main-wrapper blockquote { quotes: none; } div.main-wrapper blockquote::before, div.main-wrapper blockquote::after { content: ""; content: none; } div.main-wrapper q { display: inline; } div.main-wrapper q::before { content: "“"; } div.main-wrapper q::after { content: "”"; } div.main-wrapper del { text-decoration: line-through; } div.main-wrapper ul, div.main-wrapper ol { margin-left: 0; list-style-position: outside; } div.main-wrapper ul, div.main-wrapper ul li { list-style-type: disc; } div.main-wrapper ol { list-style-type: circle; } div.main-wrapper input[type=button], div.main-wrapper input[type=submit], div.main-wrapper button { cursor: pointer; } div.main-wrapper pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } div.main-wrapper small { font-size: 70%; } div.main-wrapper img, div.main-wrapper object, div.main-wrapper embed { max-width: 100%; } div.main-wrapper img { max-width: 100%; height: auto; } div.main-wrapper textarea { overflow: auto; } div.main-wrapper input[type="checkbox"] { vertical-align: bottom; } div.main-wrapper iframe { border: 0 !important; } div.main-wrapper .highlight-color-odd { color: #ffffff !important; } div.main-wrapper .highlight-color-even { color: #a58e2a !important; } div.main-wrapper a { outline: none; text-decoration: underline; } div.main-wrapper a:hover { outline: none; text-decoration: none; } div.main-wrapper a:focus { outline: none; text-decoration: underline; } div.main-wrapper a:active { outline: none; text-decoration: underline; } div.main-wrapper a.info, div.main-wrapper a.goto { text-decoration: none; } div.main-wrapper a.info > span, div.main-wrapper a.goto > span { text-decoration: underline; } div.main-wrapper a.info > span:hover, div.main-wrapper a.goto > span:hover { text-decoration: none; } div.main-wrapper a.btn.info > span, div.main-wrapper a.btn.goto > span { text-decoration: none; } div.main-wrapper div.global-cta .btn { border-radius: 6px; } div.main-wrapper .btn { min-width: 150px; font-weight: 400; text-decoration: none; padding: 18px 35px 20px; border-width: 0px; border-style: none; border-radius: 4px; display: inline-block; } div.main-wrapper .btn:hover, div.main-wrapper .btn:focus, div.main-wrapper .btn:active, div.main-wrapper .btn.active, div.main-wrapper .btn.active:focus { opacity: 0.9 !important; outline: invert none 0px; text-decoration: none; } div.main-wrapper .btn.active, div.main-wrapper .btn:active, div.main-wrapper .btn.active:focus { box-shadow: none; } div.main-wrapper .btn.btn-primary { color: #ffffff !important; background-color: #a58e2a; background-image: none; background-repeat: no-repeat; box-shadow: none; border-width: 0px; border-style: none; border-color: #a58e2a; } div.main-wrapper .btn.btn-primary:hover, div.main-wrapper .btn.btn-primary:focus { background-position: inherit; } div.main-wrapper .btn.btn-primary:active, div.main-wrapper .btn.btn-primary.active { background-image: none; border-color: #a58e2a; } div.main-wrapper .btn.btn-primary.active, div.main-wrapper .btn.btn-primary:active, div.main-wrapper .btn.btn-primary.active:focus { box-shadow: none; } div.main-wrapper .btn.btn-primary:active, div.main-wrapper .btn.btn-primary.active, div.main-wrapper .btn.btn-primary:focus, div.main-wrapper .btn.btn-primary.focus, div.main-wrapper .btn.btn-primary[disabled]:hover { background-color: #a58e2a; } div.main-wrapper .btn.btn-primary.disabled, div.main-wrapper .btn.btn-primary[disabled], fieldset[disabled] div.main-wrapper .btn.btn-primary, div.main-wrapper .btn.btn-primary.disabled:hover, div.main-wrapper .btn.btn-primary[disabled]:hover, fieldset[disabled] div.main-wrapper .btn.btn-primary:hover, div.main-wrapper .btn.btn-primary.disabled:focus, div.main-wrapper .btn.btn-primary[disabled]:focus, fieldset[disabled] div.main-wrapper .btn.btn-primary:focus, div.main-wrapper .btn.btn-primary.disabled.focus, div.main-wrapper .btn.btn-primary[disabled].focus, fieldset[disabled] div.main-wrapper .btn.btn-primary.focus, div.main-wrapper .btn.btn-primary.disabled:active, div.main-wrapper .btn.btn-primary[disabled]:active, fieldset[disabled] div.main-wrapper .btn.btn-primary:active, div.main-wrapper .btn.btn-primary.disabled.active, div.main-wrapper .btn.btn-primary[disabled].active, fieldset[disabled] div.main-wrapper .btn.btn-primary.active { background-image: none; } div.main-wrapper div#scroll-top { position: fixed; right: -145px; bottom: 5px; width: 145px; height: 145px; padding-left: 1%; padding-top: 1%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: center; font-size: 1em; color: #ffffff; background-color: #a58e2a; border-radius: 100% 10px 5px; cursor: pointer; display: flex; justify-content: center; z-index: 10; } div.main-wrapper div#scroll-top:hover { opacity: 0.8; } div.main-wrapper div#scroll-top.visible { right: 5px; } div.main-wrapper div#scroll-top .fa { align-self: center; } div.main-wrapper div#preloader { position: fixed; top: 0; left: 0; width: 100%; height: auto; min-height: 100%; background-color: rgba(42, 31, 21, 0); z-index: 9999; } div.main-wrapper div#preloader > div.spinner { position: absolute; top: 35%; left: 50%; width: 90px; height: 90px; margin: -45px 0 0 -45px; background-color: #fff; background-image: url("/packages/theme_lazy5basic/themes/lazy5basic/images/pre-loader.gif"); background-size: contain; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; border-radius: 45px; opacity: 0.4; } div.main-wrapper section.pre-hand.menu.static { background-color: rgba(42, 31, 21, 0.9); } div.main-wrapper section.pre-hand.menu div.hamburger .hamburger-inner, div.main-wrapper section.pre-hand.menu div.hamburger .hamburger-inner::before, div.main-wrapper section.pre-hand.menu div.hamburger .hamburger-inner::after { background-color: #ffffff; } div.main-wrapper section.pre-hand.menu nav li.highlight { background-color: rgba(165, 142, 42, 0.5); } div.main-wrapper section.pre-hand.menu nav li.highlight a { color: #ffffff; } div.main-wrapper section.pre-hand.banner h5:last-of-type { text-shadow: none; } div.main-wrapper section.pre-hand.about-me div.about-me-photo div.loader { border-top-color: #a58e2a; } div.main-wrapper section.pre-hand.contacts div.main div.form-actions.loader { border-top-color: #a58e2a; } div.main-wrapper footer.pre-hand.footer div.block-header { opacity: 0.9; } div.main-wrapper footer.pre-hand.footer div.credits { opacity: 0.2; text-shadow: 1px 1px 0 #2a1f15; } div.main-wrapper footer.pre-hand.footer div.credits.download { opacity: 0.4; } /* Media Tablets ---------------------------------------------------------*/ @media screen and (max-width: 1024px) { div.main-wrapper div#scroll-top { display: none; } } /* Typography Main --------------------------------------------------------- */ html { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; } html a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; } body { font-family: Source Sans Pro; font-size: 1em; font-weight: 300; line-height: normal; } /* Typography Main Page Wrapper --------------------------------------------------------- */ div.main-wrapper { /* Font Awesome --------------------------------------------------------- */ /* Paragraphs --------------------------------------------------------- */ /* Fonts --------------------------------------------------------- */ /* No wrap --------------------------------------------------------- */ /* Headings --------------------------------------------------------- */ /** * Anchors * ---------------------------------------------------------*/ /** * Buttons * ---------------------------------------------------------*/ /** * Loader Scroll Top * ---------------------------------------------------------*/ /** * - - ALL BLOCKS HERE - - * * Menu --------------------------------------------------------- */ /* Banner --------------------------------------------------------- */ /* What I Do --------------------------------------------------------- */ /* Team --------------------------------------------------------- */ /* Services --------------------------------------------------------- */ /* FB Page Posts --------------------------------------------------------- */ /* About Me --------------------------------------------------------- */ /* Adverts --------------------------------------------------------- */ /* Bookmarks --------------------------------------------------------- */ /* My Skills --------------------------------------------------------- */ /* Curriculum Vitae --------------------------------------------------------- */ /* My Works --------------------------------------------------------- */ /* Prices --------------------------------------------------------- */ /* Portfolio --------------------------------------------------------- */ /* Testimonials --------------------------------------------------------- */ /* Contacts --------------------------------------------------------- */ /* Clients --------------------------------------------------------- */ /* Social Media --------------------------------------------------------- */ /* Footer --------------------------------------------------------- */ } div.main-wrapper .fa { font-weight: 300; } div.main-wrapper p { font-size: 1.35em; font-weight: 300; line-height: 1.7em; margin-bottom: 10px; } div.main-wrapper p strong { font-weight: 400; } div.main-wrapper b, div.main-wrapper strong { font-weight: bold; } div.main-wrapper .nowrap, div.main-wrapper .no-wrap { white-space: nowrap; } div.main-wrapper div.block-header h4, div.main-wrapper div.block-header h5, div.main-wrapper div.block-header h6 { font-family: Source Sans Pro; font-weight: 300; } div.main-wrapper h1 { font-family: 'Old Standard TT', serif; font-size: 5em; font-weight: 400; line-height: 1em; margin-top: 12px; margin-bottom: 20px; padding-top: 0px; } div.main-wrapper h2 { font-family: 'Old Standard TT', serif; font-size: 4.8em; font-weight: 400; line-height: 1.2em; margin-top: 20px; margin-bottom: 20px; padding-top: 0px; } div.main-wrapper h3 { font-family: 'Old Standard TT', serif; font-size: 3.2em; font-weight: 400; line-height: 1.2em; margin-top: 15px; margin-bottom: 25px; padding-top: 15px; } div.main-wrapper h4 { font-family: 'Old Standard TT', serif; font-size: 2.2em; font-weight: 400; line-height: 1.2em; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; } div.main-wrapper h5 { font-family: 'Old Standard TT', serif; font-size: 1.8em; font-weight: 400; line-height: 2em; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; } div.main-wrapper h6 { font-family: 'Old Standard TT', serif; font-family: Source Sans Pro; font-size: 1.4em; font-weight: 400; line-height: 1.2em; margin-top: 15px; margin-bottom: 25px; padding-top: 15px; } div.main-wrapper a.CTA-clean { text-decoration: none; } div.main-wrapper a:not(.CTA-clean).info::after, div.main-wrapper a:not(.CTA-clean).goto::after { font-family: "FontAwesome"; font-size: 0.8em; } div.main-wrapper a:not(.CTA-clean).info::after { content: "\f05a"; } div.main-wrapper a:not(.CTA-clean).goto::after { content: "\f08e"; } div.main-wrapper .btn { font-size: 1.2em; line-height: 1em; } div.main-wrapper div#scroll-top .fa { font-size: 3.6em; } div.main-wrapper section.menu nav div.navbar-center ul.nav a { font-family: 'Old Standard TT', serif; font-size: 1.5em; line-height: 0.9em; font-weight: 400; } div.main-wrapper section.menu nav div.navbar-center div.fixed ul.nav a { font-weight: 300; } div.main-wrapper section.pre-hand.banner h1 { font-weight: 400; } div.main-wrapper section.pre-hand.banner h1 sup { font-style: italic; } div.main-wrapper section.pre-hand.banner h4 { font-weight: 400; line-height: 1.4em; padding-top: 10px; } div.main-wrapper section.pre-hand.banner a.CTA-arrow-top { font-size: 1em; } div.main-wrapper section.about-me div.main div.about-me-text p { margin-bottom: 12px; } div.main-wrapper section.curriculum-vitae div.main div.curriculum-vitae-text p { font-size: 1.3em; } div.main-wrapper section.portfolio div.main div.inner-content h3 { line-height: 1em; } div.main-wrapper section.contacts div.form-wrapper div.form-fields select, div.main-wrapper section.contacts div.form-wrapper div.form-fields option, div.main-wrapper section.contacts div.form-wrapper div.form-fields input, div.main-wrapper section.contacts div.form-wrapper div.form-fields textarea { font-family: Source Sans Pro; } div.main-wrapper footer.pre-hand div.block-header h5, div.main-wrapper footer.pre-hand div.block-header h6 { font-family: Source Sans Pro; } div.main-wrapper footer.pre-hand div.credits { font-size: 85%; line-height: 1.2em; font-weight: 400; letter-spacing: 1px; } /* Typography Media: Desktops ---------------------------------------------------------*/ /** * - - ALL BLOCKS HERE - - * * Menu --------------------------------------------------------- */ /* Banner --------------------------------------------------------- */ /* What I Do --------------------------------------------------------- */ /* Team --------------------------------------------------------- */ /* Services --------------------------------------------------------- */ /* FB Page Posts --------------------------------------------------------- */ /* About Me --------------------------------------------------------- */ /* Adverts --------------------------------------------------------- */ /* Bookmarks --------------------------------------------------------- */ /* My Skills --------------------------------------------------------- */ /* Curriculum Vitae --------------------------------------------------------- */ /* My Works --------------------------------------------------------- */ /* Prices --------------------------------------------------------- */ /* Portfolio --------------------------------------------------------- */ /* Testimonials --------------------------------------------------------- */ /* Contacts --------------------------------------------------------- */ /* Clients --------------------------------------------------------- */ /* Social Media --------------------------------------------------------- */ /* Footer --------------------------------------------------------- */ /* Typography Media: Tablets ---------------------------------------------------------*/ /** * - - ALL BLOCKS HERE - - * * Menu --------------------------------------------------------- */ /* Banner --------------------------------------------------------- */ /* What I Do --------------------------------------------------------- */ /* Team --------------------------------------------------------- */ /* Services --------------------------------------------------------- */ /* FB Page Posts --------------------------------------------------------- */ /* About Me --------------------------------------------------------- */ /* Adverts --------------------------------------------------------- */ /* Bookmarks --------------------------------------------------------- */ /* My Skills --------------------------------------------------------- */ /* Curriculum Vitae --------------------------------------------------------- */ /* My Works --------------------------------------------------------- */ /* Prices --------------------------------------------------------- */ /* Portfolio --------------------------------------------------------- */ /* Testimonials --------------------------------------------------------- */ /* Contacts --------------------------------------------------------- */ /* Clients --------------------------------------------------------- */ /* Social Media --------------------------------------------------------- */ /* Footer --------------------------------------------------------- */ /* Typography Media: Mobiles ---------------------------------------------------------*/ @media screen and (max-width: 500px) { div.main-wrapper p { font-size: 1.22em; } div.main-wrapper p strong { font-weight: 400; } div.main-wrapper div.block-header h4, div.main-wrapper div.block-header h5, div.main-wrapper div.block-header h6 { font-weight: 300; } div.main-wrapper h1 { font-size: 4em; } div.main-wrapper h2 { font-size: 3.8em; } div.main-wrapper h3 { font-size: 2.8em; } div.main-wrapper h4 { font-size: 2em; } div.main-wrapper h5 { font-size: 1.6em; } } /* Buttons Media: Mobiles ---------------------------------------------------------*/ @media screen and (max-width: 500px) { div.main-wrapper .btn { white-space: normal; } div.main-wrapper div[data-animation="cta"] a.btn-primary { min-width: 185px !important; } div.main-wrapper div.global-cta .btn { width: 95% !important; margin: 0px auto; text-align: center; } div.main-wrapper div.global-cta .btn.goto > span { max-width: 150px; display: inline-block; } div.main-wrapper div.global-cta .btn.goto::after { vertical-align: text-top; margin-right: -25px; } } /** * - - ALL BLOCKS HERE - - * * Menu --------------------------------------------------------- */ @media screen and (max-width: 768px) { div.main-wrapper section.pre-hand.menu nav div.navbar-center.fixed ul.nav a { font-size: 2em; } } /* Banner --------------------------------------------------------- */ @media screen and (max-width: 500px) { div.main-wrapper section.banner h5 { line-height: 1em; } } /* What I Do --------------------------------------------------------- */ /* Team --------------------------------------------------------- */ /* Services --------------------------------------------------------- */ /* FB Page Posts --------------------------------------------------------- */ /* About Me --------------------------------------------------------- */ @media screen and (max-width: 500px) { div.main-wrapper section.about-me div.main div.about-me-text p { font-size: 1.2em; line-height: 1.5em; } } /* Adverts --------------------------------------------------------- */ /* Bookmarks --------------------------------------------------------- */ /* My Skills --------------------------------------------------------- */ /* Curriculum Vitae --------------------------------------------------------- */ /* My Works --------------------------------------------------------- */ /* Prices --------------------------------------------------------- */ /* Portfolio --------------------------------------------------------- */ /* Testimonials --------------------------------------------------------- */ /* Contacts --------------------------------------------------------- */ /* Clients --------------------------------------------------------- */ /* Social Media --------------------------------------------------------- */ /* Footer --------------------------------------------------------- */ div.main-wrapper footer.pre-hand[class^="mobile_view"] div.block-header h5 { font-size: 1.6em; line-height: 1.6em; } div.main-wrapper footer.pre-hand[class^="mobile_view"] div.block-header h6 { font-size: 1.25em; line-height: 1.05em; } div.main-wrapper footer.pre-hand[class^="mobile_view"] div.credits { font-size: 81%; letter-spacing: 0.6px; } @media screen and (max-width: 500px) { div.main-wrapper footer.pre-hand div.block-header h5 { font-size: 1.6em; line-height: 1.6em; } div.main-wrapper footer.pre-hand div.block-header h6 { font-size: 1.25em; line-height: 1.05em; } div.main-wrapper footer.pre-hand div.credits { font-size: 81%; letter-spacing: 0.6px; } } /* Section Mixin Methods --------------------------------------------------------- */ /* Section HowTo Video INTRO & Page Not Found --------------------------------------------------------- */ section.howto-video-intro, section.page-error { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; min-height: 650px; background-repeat: repeat; background-attachment: scroll; background-size: contain; background-position: center center; } section.howto-video-intro a.goto::after, section.page-error a.goto::after { margin-top: 0px; margin-left: 6px; margin-right: 10px; text-decoration: none; display: inline-block; } section.howto-video-intro a.goto span, section.page-error a.goto span { text-decoration: underline; } section.howto-video-intro.page-block, section.page-error.page-block { margin: 0px auto; text-align: center; } section.howto-video-intro div.block-header, section.page-error div.block-header { position: relative; text-align: center; border: none; } /* Section HowTo Video INTRO --------------------------------------------------------- */ section.howto-video-intro { color: #222222; background-color: #ffffff; background-image: url("/packages/theme_lazy5basic/themes/lazy5basic/images/background.png"); } section.howto-video-intro a { color: #222222; } section.howto-video-intro.page-block { padding: 5em 4% 0.8em; } section.howto-video-intro.no-top-margins { padding-top: 10px; } section.howto-video-intro h2 { margin-bottom: 10px; } section.howto-video-intro h5 { padding-top: 5px; } section.howto-video-intro div.block-header { padding: 2em 0 2.4em; } /* Page Not Found --------------------------------------------------------- */ section.page-error { color: #222222; background-color: #ffffff; background-image: url("/packages/theme_lazy5basic/themes/lazy5basic/images/background.png"); } section.page-error a { color: #222222; } section.page-error.page-block { padding: 3.8em 8% 5.2em; } section.page-error div.block-header { padding: 0 0 3em; } /* Page Block for Custom Blocks ---------------------------------------------------------*/ div.main-wrapper div.page-block .page-block { padding: 1% 0px; } /* Global Page Block * * Media Large Desktop ---------------------------------------------------------*/ .page-block { padding: 6em 8%; } /* Media Desktop ---------------------------------------------------------*/ @media screen and (max-width: 1600px) { .page-block { padding-left: 6%; padding-right: 6%; } } /* Media Desktop ---------------------------------------------------------*/ @media screen and (max-width: 1280px) { .page-block { padding-left: 4%; padding-right: 4%; } } /* Media Tablets ---------------------------------------------------------*/ @media screen and (max-width: 1024px) { .page-block { padding-left: 3%; padding-right: 3%; } } /* Global Custom Spaces ---------------------------------------------------------*/ div.main-wrapper div.single-space-bottom { padding-bottom: 1.8em !important; } div.main-wrapper div.double-space-bottom { padding-bottom: 3.2em !important; } div.main-wrapper div.single-space-top { padding-top: 1.8em !important; } div.main-wrapper div.double-space-top { padding-top: 3.2em !important; } /* Global NO Spaces ---------------------------------------------------------*/ .no-space-top { padding-top: 1%; } .no-space-top.strict { padding-top: 0px !important; } .no-space-bottom { padding-bottom: 1%; } .no-space-bottom.strict { padding-bottom: 0px !important; } .no-sides-spaces { padding-left: 0px; padding-right: 0px; } .no-sides-spaces.strict { padding-left: 0px !important; padding-right: 0px !important; } .no-spaces { padding: 1% 0px; } .no-spaces.strict { padding: 0px !important; } /* Buttons Media: Custom class "fix-spaces-buttons" ---------------------------------------------------------*/ div.main-wrapper .fix-spaces-buttons .btn { white-space: normal; } div.main-wrapper .fix-spaces-buttons div.global-cta .btn { width: 70%; margin: 0px auto; text-align: center; } div.main-wrapper .fix-spaces-buttons div.global-cta .btn.goto > span { max-width: 150px; display: inline-block; } div.main-wrapper .fix-spaces-buttons div.global-cta .btn.goto::after { vertical-align: text-top; margin-right: -25px; } /* Global Sections ---------------------------------------------------------*/ section.over-image::before { z-index: auto; } div[data-animation] { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Menu --------------------------------------------------------- */ section.pre-hand.menu { color: #ffffff; } section.pre-hand.menu a { color: #ffffff; } section.pre-hand.menu.over-image::before { background-color: rgba(42, 31, 21, 0.9); } section.pre-hand.menu nav.navbar div.navbar-center div.menu-wrapper.fixed { background-color: rgba(42, 31, 21, 0.9); } /* Banner --------------------------------------------------------- */ section.pre-hand.banner { color: #ffffff; } section.pre-hand.banner a { color: #ffffff; } section.pre-hand.banner.over-image { background-color: #2a1f15; } section.pre-hand.banner.over-image::before { background-image: -webkit-linear-gradient(top, rgba(42, 31, 21, 0.6) 0%, rgba(42, 31, 21, 0) 55%); background-image: -moz-linear-gradient(top, rgba(42, 31, 21, 0.6) 0%, rgba(42, 31, 21, 0) 55%); background-image: -ms-linear-gradient(top, rgba(42, 31, 21, 0.6) 0%, rgba(42, 31, 21, 0) 55%); background-image: -o-linear-gradient(top, rgba(42, 31, 21, 0.6) 0%, rgba(42, 31, 21, 0) 55%); background-image: linear-gradient(to bottom, rgba(42, 31, 21, 0.6) 0%, rgba(42, 31, 21, 0) 55%); } /* What i do --------------------------------------------------------- */ section.pre-hand.what-i-do { color: #222222; } section.pre-hand.what-i-do a { color: #a58e2a; } section.pre-hand.what-i-do.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.8); } section.pre-hand.what-i-do.over-image::before { background-color: rgba(255, 255, 255, 0.8); } section.pre-hand.what-i-do div.main div[class^="wid-item"] a.btn-primary { color: #ffffff; } section.pre-hand.what-i-do div.main div.wid-item-1 > div:first-of-type { color: #49243d; background-color: #49243d; } section.pre-hand.what-i-do div.main div.wid-item-1 > div:first-of-type::after { border-color: #49243d; } section.pre-hand.what-i-do div.main div.wid-item-1 > div:first-of-type a { color: #49243d; } section.pre-hand.what-i-do div.main div.wid-item-1 a.btn-primary { background-color: rgba(73, 36, 61, 0.9); border-color: #49243d; } section.pre-hand.what-i-do div.main div.wid-item-1 > div:first-of-type { color: #5f5b1d; background-color: #5f5b1d; } section.pre-hand.what-i-do div.main div.wid-item-1 > div:first-of-type::after { border-color: #5f5b1d; } section.pre-hand.what-i-do div.main div.wid-item-1 > div:first-of-type a { color: #5f5b1d; } section.pre-hand.what-i-do div.main div.wid-item-1 a.btn-primary { background-color: rgba(95, 91, 29, 0.9); border-color: #5f5b1d; } section.pre-hand.what-i-do div.main div.wid-item-2 > div:first-of-type { color: #492425; background-color: #492425; } section.pre-hand.what-i-do div.main div.wid-item-2 > div:first-of-type::after { border-color: #492425; } section.pre-hand.what-i-do div.main div.wid-item-2 > div:first-of-type a { color: #492425; } section.pre-hand.what-i-do div.main div.wid-item-2 a.btn-primary { background-color: rgba(73, 36, 37, 0.9); border-color: #492425; } section.pre-hand.what-i-do div.main div.wid-item-2 > div:first-of-type { color: #466434; background-color: #466434; } section.pre-hand.what-i-do div.main div.wid-item-2 > div:first-of-type::after { border-color: #466434; } section.pre-hand.what-i-do div.main div.wid-item-2 > div:first-of-type a { color: #466434; } section.pre-hand.what-i-do div.main div.wid-item-2 a.btn-primary { background-color: rgba(70, 100, 52, 0.9); border-color: #466434; } section.pre-hand.what-i-do div.main div.wid-item-3 > div:first-of-type { color: #493c24; background-color: #493c24; } section.pre-hand.what-i-do div.main div.wid-item-3 > div:first-of-type::after { border-color: #493c24; } section.pre-hand.what-i-do div.main div.wid-item-3 > div:first-of-type a { color: #493c24; } section.pre-hand.what-i-do div.main div.wid-item-3 a.btn-primary { background-color: rgba(73, 60, 36, 0.9); border-color: #493c24; } section.pre-hand.what-i-do div.main div.wid-item-3 > div:first-of-type { color: #603331; background-color: #603331; } section.pre-hand.what-i-do div.main div.wid-item-3 > div:first-of-type::after { border-color: #603331; } section.pre-hand.what-i-do div.main div.wid-item-3 > div:first-of-type a { color: #603331; } section.pre-hand.what-i-do div.main div.wid-item-3 a.btn-primary { background-color: rgba(96, 51, 49, 0.9); border-color: #603331; } section.pre-hand.what-i-do div.main div.wid-item-4 > div:first-of-type { color: #3d4924; background-color: #3d4924; } section.pre-hand.what-i-do div.main div.wid-item-4 > div:first-of-type::after { border-color: #3d4924; } section.pre-hand.what-i-do div.main div.wid-item-4 > div:first-of-type a { color: #3d4924; } section.pre-hand.what-i-do div.main div.wid-item-4 a.btn-primary { background-color: rgba(61, 73, 36, 0.9); border-color: #3d4924; } section.pre-hand.what-i-do div.main div.wid-item-4 > div:first-of-type { color: #6c4215; background-color: #6c4215; } section.pre-hand.what-i-do div.main div.wid-item-4 > div:first-of-type::after { border-color: #6c4215; } section.pre-hand.what-i-do div.main div.wid-item-4 > div:first-of-type a { color: #6c4215; } section.pre-hand.what-i-do div.main div.wid-item-4 a.btn-primary { background-color: rgba(108, 66, 21, 0.9); border-color: #6c4215; } /* Team --------------------------------------------------------- */ section.pre-hand.team { color: #222222; } section.pre-hand.team a { color: #a58e2a; } section.pre-hand.team.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.82); } section.pre-hand.team.over-image::before { background-color: rgba(255, 255, 255, 0.82); } section.pre-hand.team div.main div.team-item-1 > div:first-of-type::before { background-color: rgba(73, 36, 61, 0.48); } section.pre-hand.team div.main div.team-item-1 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.team div.main div.team-item-1 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #49243d; } section.pre-hand.team div.main div.team-item-1 > div:first-of-type div.inner-content.clean h3, section.pre-hand.team div.main div.team-item-1 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 36, 61, 0.5); } section.pre-hand.team div.main div.team-item-2 > div:first-of-type::before { background-color: rgba(73, 41, 36, 0.48); } section.pre-hand.team div.main div.team-item-2 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.team div.main div.team-item-2 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #492924; } section.pre-hand.team div.main div.team-item-2 > div:first-of-type div.inner-content.clean h3, section.pre-hand.team div.main div.team-item-2 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 41, 36, 0.5); } section.pre-hand.team div.main div.team-item-3 > div:first-of-type::before { background-color: rgba(73, 72, 36, 0.48); } section.pre-hand.team div.main div.team-item-3 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.team div.main div.team-item-3 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #494824; } section.pre-hand.team div.main div.team-item-3 > div:first-of-type div.inner-content.clean h3, section.pre-hand.team div.main div.team-item-3 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 72, 36, 0.5); } section.pre-hand.team div.main div.team-item-4 > div:first-of-type::before { background-color: rgba(43, 73, 36, 0.48); } section.pre-hand.team div.main div.team-item-4 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.team div.main div.team-item-4 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #2b4924; } section.pre-hand.team div.main div.team-item-4 > div:first-of-type div.inner-content.clean h3, section.pre-hand.team div.main div.team-item-4 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(43, 73, 36, 0.5); } /* Services --------------------------------------------------------- */ section.pre-hand.services { color: #222222; } section.pre-hand.services a { color: #a58e2a; } section.pre-hand.services.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.82); } section.pre-hand.services.over-image::before { background-color: rgba(255, 255, 255, 0.82); } section.pre-hand.services div.main div.services-item-1 > div:first-of-type::before { background-color: rgba(36, 73, 60, 0.48); } section.pre-hand.services div.main div.services-item-1 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.services div.main div.services-item-1 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #24493c; } section.pre-hand.services div.main div.services-item-1 > div:first-of-type div.inner-content.clean h3, section.pre-hand.services div.main div.services-item-1 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(36, 73, 60, 0.5); } section.pre-hand.services div.main div.services-item-2 > div:first-of-type::before { background-color: rgba(36, 55, 73, 0.48); } section.pre-hand.services div.main div.services-item-2 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.services div.main div.services-item-2 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #243749; } section.pre-hand.services div.main div.services-item-2 > div:first-of-type div.inner-content.clean h3, section.pre-hand.services div.main div.services-item-2 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(36, 55, 73, 0.5); } section.pre-hand.services div.main div.services-item-3 > div:first-of-type::before { background-color: rgba(73, 66, 36, 0.48); } section.pre-hand.services div.main div.services-item-3 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.services div.main div.services-item-3 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #494224; } section.pre-hand.services div.main div.services-item-3 > div:first-of-type div.inner-content.clean h3, section.pre-hand.services div.main div.services-item-3 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 66, 36, 0.5); } section.pre-hand.services div.main div.services-item-4 > div:first-of-type::before { background-color: rgba(73, 48, 36, 0.48); } section.pre-hand.services div.main div.services-item-4 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.services div.main div.services-item-4 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #493024; } section.pre-hand.services div.main div.services-item-4 > div:first-of-type div.inner-content.clean h3, section.pre-hand.services div.main div.services-item-4 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 48, 36, 0.5); } /* About me --------------------------------------------------------- */ section.pre-hand.about-me { color: #ffffff; } section.pre-hand.about-me a { color: #ffffff; } section.pre-hand.about-me.over-image { background-image: url("/packages/theme_lazy5basic/themes/lazy5basic/images/background.jpg"); background-color: rgba(42, 31, 21, 0.88); } section.pre-hand.about-me.over-image::before { background-color: rgba(42, 31, 21, 0.88); } section.pre-hand.about-me div.polaroid > div.loader { border-top-color: #a58e2a; } /* My skills --------------------------------------------------------- */ section.pre-hand.my-skills { color: #222222; } section.pre-hand.my-skills a { color: #a58e2a; } section.pre-hand.my-skills.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.65); } section.pre-hand.my-skills.over-image::before { background-color: rgba(255, 255, 255, 0.65); } section.pre-hand.my-skills div.main div[class^="skill-item"] a.btn-primary { color: #ffffff; } section.pre-hand.my-skills div.main div.skill-item-1 > div:first-of-type { color: #494824; background-color: #494824; } section.pre-hand.my-skills div.main div.skill-item-1 > div:first-of-type::after { border-color: #494824; } section.pre-hand.my-skills div.main div.skill-item-1 > div:first-of-type a { color: #494824; } section.pre-hand.my-skills div.main div.skill-item-1 a.btn-primary { background-color: rgba(73, 72, 36, 0.9); border-color: #494824; } section.pre-hand.my-skills div.main div.skill-item-1 > div:first-of-type { color: #5c6715; background-color: #5c6715; } section.pre-hand.my-skills div.main div.skill-item-1 > div:first-of-type::after { border-color: #5c6715; } section.pre-hand.my-skills div.main div.skill-item-1 > div:first-of-type a { color: #5c6715; } section.pre-hand.my-skills div.main div.skill-item-1 a.btn-primary { background-color: rgba(92, 103, 21, 0.9); border-color: #5c6715; } section.pre-hand.my-skills div.main div.skill-item-2 > div:first-of-type { color: #314924; background-color: #314924; } section.pre-hand.my-skills div.main div.skill-item-2 > div:first-of-type::after { border-color: #314924; } section.pre-hand.my-skills div.main div.skill-item-2 > div:first-of-type a { color: #314924; } section.pre-hand.my-skills div.main div.skill-item-2 a.btn-primary { background-color: rgba(49, 73, 36, 0.9); border-color: #314924; } section.pre-hand.my-skills div.main div.skill-item-2 > div:first-of-type { color: #386d32; background-color: #386d32; } section.pre-hand.my-skills div.main div.skill-item-2 > div:first-of-type::after { border-color: #386d32; } section.pre-hand.my-skills div.main div.skill-item-2 > div:first-of-type a { color: #386d32; } section.pre-hand.my-skills div.main div.skill-item-2 a.btn-primary { background-color: rgba(56, 109, 50, 0.9); border-color: #386d32; } section.pre-hand.my-skills div.main div.skill-item-3 > div:first-of-type { color: #244930; background-color: #244930; } section.pre-hand.my-skills div.main div.skill-item-3 > div:first-of-type::after { border-color: #244930; } section.pre-hand.my-skills div.main div.skill-item-3 > div:first-of-type a { color: #244930; } section.pre-hand.my-skills div.main div.skill-item-3 a.btn-primary { background-color: rgba(36, 73, 48, 0.9); border-color: #244930; } section.pre-hand.my-skills div.main div.skill-item-3 > div:first-of-type { color: #573a36; background-color: #573a36; } section.pre-hand.my-skills div.main div.skill-item-3 > div:first-of-type::after { border-color: #573a36; } section.pre-hand.my-skills div.main div.skill-item-3 > div:first-of-type a { color: #573a36; } section.pre-hand.my-skills div.main div.skill-item-3 a.btn-primary { background-color: rgba(87, 58, 54, 0.9); border-color: #573a36; } section.pre-hand.my-skills div.main div.skill-item-4 > div:first-of-type { color: #244948; background-color: #244948; } section.pre-hand.my-skills div.main div.skill-item-4 > div:first-of-type::after { border-color: #244948; } section.pre-hand.my-skills div.main div.skill-item-4 > div:first-of-type a { color: #244948; } section.pre-hand.my-skills div.main div.skill-item-4 a.btn-primary { background-color: rgba(36, 73, 72, 0.9); border-color: #244948; } section.pre-hand.my-skills div.main div.skill-item-4 > div:first-of-type { color: #63411f; background-color: #63411f; } section.pre-hand.my-skills div.main div.skill-item-4 > div:first-of-type::after { border-color: #63411f; } section.pre-hand.my-skills div.main div.skill-item-4 > div:first-of-type a { color: #63411f; } section.pre-hand.my-skills div.main div.skill-item-4 a.btn-primary { background-color: rgba(99, 65, 31, 0.9); border-color: #63411f; } /* Curriculum vitae --------------------------------------------------------- */ section.pre-hand.curriculum-vitae { color: #222222; } section.pre-hand.curriculum-vitae a { color: #a58e2a; } section.pre-hand.curriculum-vitae.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.65); } section.pre-hand.curriculum-vitae.over-image::before { background-color: rgba(255, 255, 255, 0.65); } section.pre-hand.curriculum-vitae div.main div[class^="chart-item"] a.btn-primary { color: #ffffff; } section.pre-hand.curriculum-vitae div.main div.chart-item-1 > div:first-of-type { color: #61692c; background-color: #61692c; } section.pre-hand.curriculum-vitae div.main div.chart-item-1 > div:first-of-type::after { border-color: #61692c; } section.pre-hand.curriculum-vitae div.main div.chart-item-1 > div:first-of-type a { color: #61692c; } section.pre-hand.curriculum-vitae div.main div.chart-item-1 a.btn-primary { background-color: rgba(97, 105, 44, 0.9); border-color: #61692c; } section.pre-hand.curriculum-vitae div.main div.chart-item-2 > div:first-of-type { color: #526b4f; background-color: #526b4f; } section.pre-hand.curriculum-vitae div.main div.chart-item-2 > div:first-of-type::after { border-color: #526b4f; } section.pre-hand.curriculum-vitae div.main div.chart-item-2 > div:first-of-type a { color: #526b4f; } section.pre-hand.curriculum-vitae div.main div.chart-item-2 a.btn-primary { background-color: rgba(82, 107, 79, 0.9); border-color: #526b4f; } section.pre-hand.curriculum-vitae div.main div.chart-item-3 > div:first-of-type { color: #664349; background-color: #664349; } section.pre-hand.curriculum-vitae div.main div.chart-item-3 > div:first-of-type::after { border-color: #664349; } section.pre-hand.curriculum-vitae div.main div.chart-item-3 > div:first-of-type a { color: #664349; } section.pre-hand.curriculum-vitae div.main div.chart-item-3 a.btn-primary { background-color: rgba(102, 67, 73, 0.9); border-color: #664349; } section.pre-hand.curriculum-vitae div.main div.chart-item-4 > div:first-of-type { color: #7a4b22; background-color: #7a4b22; } section.pre-hand.curriculum-vitae div.main div.chart-item-4 > div:first-of-type::after { border-color: #7a4b22; } section.pre-hand.curriculum-vitae div.main div.chart-item-4 > div:first-of-type a { color: #7a4b22; } section.pre-hand.curriculum-vitae div.main div.chart-item-4 a.btn-primary { background-color: rgba(122, 75, 34, 0.9); border-color: #7a4b22; } section.pre-hand.curriculum-vitae div.main div.chart-item-5 > div:first-of-type { color: #756c23; background-color: #756c23; } section.pre-hand.curriculum-vitae div.main div.chart-item-5 > div:first-of-type::after { border-color: #756c23; } section.pre-hand.curriculum-vitae div.main div.chart-item-5 > div:first-of-type a { color: #756c23; } section.pre-hand.curriculum-vitae div.main div.chart-item-5 a.btn-primary { background-color: rgba(117, 108, 35, 0.9); border-color: #756c23; } section.pre-hand.curriculum-vitae div.main div.chart-item-6 > div:first-of-type { color: #4a5b4f; background-color: #4a5b4f; } section.pre-hand.curriculum-vitae div.main div.chart-item-6 > div:first-of-type::after { border-color: #4a5b4f; } section.pre-hand.curriculum-vitae div.main div.chart-item-6 > div:first-of-type a { color: #4a5b4f; } section.pre-hand.curriculum-vitae div.main div.chart-item-6 a.btn-primary { background-color: rgba(74, 91, 79, 0.9); border-color: #4a5b4f; } /* Portfolio --------------------------------------------------------- */ section.pre-hand.portfolio { color: #222222; } section.pre-hand.portfolio a { color: #a58e2a; } section.pre-hand.portfolio.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.92); } section.pre-hand.portfolio.over-image::before { background-color: rgba(255, 255, 255, 0.92); } section.pre-hand.portfolio div.main div.portfolio-item-1 > div:first-of-type::before { background-color: rgba(73, 36, 61, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-1 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-1 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #49243d; } section.pre-hand.portfolio div.main div.portfolio-item-1 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-1 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 36, 61, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-2 > div:first-of-type::before { background-color: rgba(73, 41, 36, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-2 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-2 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #492924; } section.pre-hand.portfolio div.main div.portfolio-item-2 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-2 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 41, 36, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-3 > div:first-of-type::before { background-color: rgba(73, 72, 36, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-3 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-3 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #494824; } section.pre-hand.portfolio div.main div.portfolio-item-3 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-3 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 72, 36, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-4 > div:first-of-type::before { background-color: rgba(43, 73, 36, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-4 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-4 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #2b4924; } section.pre-hand.portfolio div.main div.portfolio-item-4 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-4 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(43, 73, 36, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-5 > div:first-of-type::before { background-color: rgba(36, 73, 60, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-5 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-5 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #24493c; } section.pre-hand.portfolio div.main div.portfolio-item-5 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-5 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(36, 73, 60, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-6 > div:first-of-type::before { background-color: rgba(36, 55, 73, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-6 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-6 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #243749; } section.pre-hand.portfolio div.main div.portfolio-item-6 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-6 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(36, 55, 73, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-7 > div:first-of-type::before { background-color: rgba(73, 66, 36, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-7 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-7 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #494224; } section.pre-hand.portfolio div.main div.portfolio-item-7 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-7 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 66, 36, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-8 > div:first-of-type::before { background-color: rgba(73, 48, 36, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-8 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-8 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #493024; } section.pre-hand.portfolio div.main div.portfolio-item-8 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-8 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 48, 36, 0.5); } section.pre-hand.portfolio div.main div.portfolio-item-9 > div:first-of-type::before { background-color: rgba(73, 36, 67, 0.48); } section.pre-hand.portfolio div.main div.portfolio-item-9 > div:first-of-type div.inner-content.with-shadow h3, section.pre-hand.portfolio div.main div.portfolio-item-9 > div:first-of-type div.inner-content.with-shadow p { text-shadow: 0px 0px 1px #492443; } section.pre-hand.portfolio div.main div.portfolio-item-9 > div:first-of-type div.inner-content.clean h3, section.pre-hand.portfolio div.main div.portfolio-item-9 > div:first-of-type div.inner-content.clean p { text-shadow: 0px 0px 1px rgba(73, 36, 67, 0.5); } /* Prices --------------------------------------------------------- */ section.pre-hand.prices { color: #222222; } section.pre-hand.prices a { color: #a58e2a; } section.pre-hand.prices.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.5); } section.pre-hand.prices.over-image::before { background-color: rgba(255, 255, 255, 0.5); } section.pre-hand.prices div.main div[class^="price-item"] a.btn-primary { color: #ffffff; } section.pre-hand.prices div.main div.price-item-1 > div:first-of-type { color: #5c7225; background-color: #5c7225; } section.pre-hand.prices div.main div.price-item-1 > div:first-of-type::after { border-color: #5c7225; } section.pre-hand.prices div.main div.price-item-1 > div:first-of-type a { color: #5c7225; } section.pre-hand.prices div.main div.price-item-1 a.btn-primary { background-color: rgba(92, 114, 37, 0.9); border-color: #5c7225; } section.pre-hand.prices div.main div.price-item-2 > div:first-of-type { color: #526e4a; background-color: #526e4a; } section.pre-hand.prices div.main div.price-item-2 > div:first-of-type::after { border-color: #526e4a; } section.pre-hand.prices div.main div.price-item-2 > div:first-of-type a { color: #526e4a; } section.pre-hand.prices div.main div.price-item-2 a.btn-primary { background-color: rgba(82, 110, 74, 0.9); border-color: #526e4a; } section.pre-hand.prices div.main div.price-item-3 > div:first-of-type { color: #644948; background-color: #644948; } section.pre-hand.prices div.main div.price-item-3 > div:first-of-type::after { border-color: #644948; } section.pre-hand.prices div.main div.price-item-3 > div:first-of-type a { color: #644948; } section.pre-hand.prices div.main div.price-item-3 a.btn-primary { background-color: rgba(100, 73, 72, 0.9); border-color: #644948; } section.pre-hand.prices div.main div.price-item-4 > div:first-of-type { color: #764d23; background-color: #764d23; } section.pre-hand.prices div.main div.price-item-4 > div:first-of-type::after { border-color: #764d23; } section.pre-hand.prices div.main div.price-item-4 > div:first-of-type a { color: #764d23; } section.pre-hand.prices div.main div.price-item-4 a.btn-primary { background-color: rgba(118, 77, 35, 0.9); border-color: #764d23; } /* Testimonials --------------------------------------------------------- */ section.pre-hand.testimonials { color: #222222; } section.pre-hand.testimonials a { color: #a58e2a; } section.pre-hand.testimonials.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.9); } section.pre-hand.testimonials.over-image::before { background-color: rgba(255, 255, 255, 0.9); opacity: 0.75; } section.pre-hand.testimonials ol.carousel-indicators > li { background-color: #a58e2a; border-color: #a58e2a; } section.pre-hand.testimonials ol.carousel-indicators > li.active { background-color: #ffffff; border-color: rgba(165, 142, 42, 0.5); } /* Contacts --------------------------------------------------------- */ section.pre-hand.contacts { color: #222222; } section.pre-hand.contacts a { color: #a58e2a; } section.pre-hand.contacts.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.65); } section.pre-hand.contacts.over-image::before { background-color: rgba(255, 255, 255, 0.65); } section.pre-hand.contacts div.form-actions.loader { border-top-color: #a58e2a; } /* Clients --------------------------------------------------------- */ section.pre-hand.clients { color: #222222; } section.pre-hand.clients a { color: #a58e2a; } section.pre-hand.clients.over-image { background-image: none; background-color: rgba(255, 255, 255, 0.92); } section.pre-hand.clients.over-image::before { background-color: rgba(255, 255, 255, 0.92); } /* Social media --------------------------------------------------------- */ section.pre-hand.social-media { color: #ffffff; } section.pre-hand.social-media a { color: #ffffff; } section.pre-hand.social-media.over-image { background-color: rgba(42, 31, 21, 0.9); } section.pre-hand.social-media.over-image::before { background-color: rgba(42, 31, 21, 0.9); } /* Footer --------------------------------------------------------- */ footer.pre-hand.footer { color: #ffffff; } footer.pre-hand.footer a { color: #ffffff; } footer.pre-hand.footer.over-image { background-color: rgba(42, 31, 21, 0.95); } footer.pre-hand.footer.over-image::before { background-color: rgba(42, 31, 21, 0.95); opacity: 0.25; } /* * * * * * * * * * * * * * * * * * * * * * [OTHER] */ /** * ============================================ * File: Extra.less * File provides: Extra Custom Theme styles * Colours, Typography, Paddings * * This is an extra configuration file * to really master the theme * * @author: Matteo Montanari * ============================================ */ /* Main Page Wrapper --------------------------------------------------------- */ div.main-wrapper { /* CTAs --------------------------------------------------------- */ /* Scroll Top arrow ---------------------------------------------------------*/ /* Menu --------------------------------------------------------- */ } div.main-wrapper div.global-cta .btn { border-radius: 8px; } div.main-wrapper .btn { border-radius: 6px; } div.main-wrapper .btn.btn-primary { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.22) 70%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.22) 70%); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.22) 70%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.22) 70%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.22) 70%); background-repeat: repeat-x; border-width: 1px; border-style: double; } div.main-wrapper .btn.btn-primary:active, div.main-wrapper .btn.btn-primary.active { background-image: none; } div.main-wrapper .btn.btn-primary.active, div.main-wrapper .btn.btn-primary:active, div.main-wrapper .btn.btn-primary.active:focus { box-shadow: none; } div.main-wrapper .btn.btn-primary.disabled, div.main-wrapper .btn.btn-primary[disabled], fieldset[disabled] div.main-wrapper .btn.btn-primary, div.main-wrapper .btn.btn-primary.disabled:hover, div.main-wrapper .btn.btn-primary[disabled]:hover, fieldset[disabled] div.main-wrapper .btn.btn-primary:hover, div.main-wrapper .btn.btn-primary.disabled:focus, div.main-wrapper .btn.btn-primary[disabled]:focus, fieldset[disabled] div.main-wrapper .btn.btn-primary:focus, div.main-wrapper .btn.btn-primary.disabled.focus, div.main-wrapper .btn.btn-primary[disabled].focus, fieldset[disabled] div.main-wrapper .btn.btn-primary.focus, div.main-wrapper .btn.btn-primary.disabled:active, div.main-wrapper .btn.btn-primary[disabled]:active, fieldset[disabled] div.main-wrapper .btn.btn-primary:active, div.main-wrapper .btn.btn-primary.disabled.active, div.main-wrapper .btn.btn-primary[disabled].active, fieldset[disabled] div.main-wrapper .btn.btn-primary.active { background-image: none; } div.main-wrapper div#scroll-top { width: 85px; height: 85px; padding-left: 0.8%; padding-top: 0.5%; font-size: 0.65em; border-top-right-radius: 5px; border-bottom-left-radius: 5px; } div.main-wrapper section.menu nav div.navbar-header div.title-wrapper .nav-title { margin-top: 2px; } div.main-wrapper section.menu nav div.menu-wrapper ul.nav li a { letter-spacing: 0.5px; } /* * * * * * * * * * * * * * * * * * * * */