/* Theme Name: OXOSI Author: Akin Adebowale Author URI: http://www.baseofficial.com Description: Description Version: 1.0 License: GNU General Public License License URI: license.txt Tags: Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /***************************************************** * @FONT-FACE *****************************************************/ @font-face { font-family: 'Akinology'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular.svg#954182a428f4d048158e44598a1bfa7b') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Akinology-Light'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light.svg#5d9d680185b8a8b0125aa3f3fc08374d') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Akinology-ThinItalic'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin-italic.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin-italic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin-italic.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin-italic.svg#b2b720c42c6dad6a3308d40af170e99e') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 200; } @font-face { font-family: 'Akinology-HeavyItalic'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy-italic.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy-italic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy-italic.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy-italic.svg#f214b8c639bc0bbc3d9857d457d4d027') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 400; } @font-face { font-family: 'Akinology-LightItalic'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light-italic.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light-italic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light-italic.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-light-italic.svg#abf0f9a1dd0cd83885adc7e02e810fc5') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 200; } @font-face { font-family: 'Akinology-Italic'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular-italic.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular-italic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular-italic.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-regular-italic.svg#3cfad1e738d5a9877eb7ddcc0e17b3f3') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 400; } @font-face { font-family: 'Akinology-Heavy'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-heavy.svg#62494d571b9981e5f263f1f5c6a209da') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Akinology-BoldItalic'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold-italic.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold-italic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold-italic.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold-italic.svg#136e4988459d3d6e9a14bd357df9b29c') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 700; } @font-face { font-family: 'Akinology-Thin'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-thin.svg#de5b68e32719f3b4a1225a7221d80f48') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Akinology-Bold'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/akinology/akinology-bold.svg#be479f42fbf6342b7d29bb9c765d468b') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'BASEOfficial-Light'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-light.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-light.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-light.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-light.svg#svg') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'BASEOfficial-Thin'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-thin.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-thin.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-thin.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-thin.svg#svg') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'BASEOfficial-ExtraLight'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-extra-light.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-extra-light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-extra-light.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-extra-light.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/base-official/base-official-extra-light.svg#svg') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'FuturaStd-ExtraBoldOblique'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBoldOblique.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBoldOblique.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBoldOblique.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBoldOblique.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBoldOblique.svg#cbc656337057bd25e6a8278236212c1f') format('svg'); /* Legacy iOS */ font-style: oblique; font-weight: 700; } @font-face { font-family: 'FuturaStd-BookOblique'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BookOblique.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BookOblique.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BookOblique.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BookOblique.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BookOblique.svg#e5aaccfa75b4050fd08ee20229c6009f') format('svg'); /* Legacy iOS */ font-style: oblique; font-weight: 400; } @font-face { font-family: 'FuturaStd-CondensedOblique'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedOblique.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedOblique.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedOblique.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedOblique.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedOblique.svg#a883e5a8873bcd51dce284265fd7a01e') format('svg'); /* Legacy iOS */ font-style: oblique; font-weight: 400; } @font-face { font-family: 'FuturaStd-Book'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Book.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Book.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Book.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Book.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Book.svg#db02aa682b3e193ac55da3558b4b0d6e') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'FuturaStd-MediumOblique'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-MediumOblique.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-MediumOblique.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-MediumOblique.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-MediumOblique.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-MediumOblique.svg#3487ef074a5c739d693357e96c2bc88a') format('svg'); /* Legacy iOS */ font-style: oblique; font-weight: 400; } @font-face { font-family: 'FuturaStd-CondensedExtraBd'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedExtraBd.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedExtraBd.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedExtraBd.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedExtraBd.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedExtraBd.svg#7b478fd6caf541c0e8b9402288b5466c') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'FuturaStd-CondExtraBoldObl'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondExtraBoldObl.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondExtraBoldObl.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondExtraBoldObl.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondExtraBoldObl.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondExtraBoldObl.svg#01c09559d67f0af31a8fc1f3db7ecd8c') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'FuturaStd-CondensedLight'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLight.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLight.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLight.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLight.svg#a13de1d7de84a797fc7dcd1e1f7ca920') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'FuturaStd-CondensedBoldObl'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBoldObl.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBoldObl.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBoldObl.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBoldObl.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBoldObl.svg#7044b7a4686d5a4f51330d8c066c0b2f') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'FuturaStd-HeavyOblique'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-HeavyOblique.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-HeavyOblique.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-HeavyOblique.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-HeavyOblique.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-HeavyOblique.svg#7ee95d86aee1ebe1063a48d49fb4209c') format('svg'); /* Legacy iOS */ font-style: oblique; font-weight: 400; } @font-face { font-family: 'FuturaStd-Condensed'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Condensed.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Condensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Condensed.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Condensed.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Condensed.svg#081ef6506410d8417d95a859863bc480') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'FuturaStd-Light'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Light.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Light.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Light.svg#d83a536671d160add994a83c5144bd9a') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'FuturaStd-Heavy'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Heavy.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Heavy.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Heavy.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Heavy.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Heavy.svg#f957ac4f7c9e44228c64976e40b8d5f5') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'FuturaStd-CondensedLightObl'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLightObl.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLightObl.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLightObl.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLightObl.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedLightObl.svg#9c21f0ac964b5077458f6c74432566f3') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'FuturaStd-Bold'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Bold.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Bold.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Bold.svg#e6614ac1ffeb97962de474601fd3ce1d') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'FuturaStd-Medium'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Medium.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Medium.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-Medium.svg#978bfeb47c41e9c6da434cb6375bf283') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'FuturaStd-LightOblique'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-LightOblique.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-LightOblique.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-LightOblique.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-LightOblique.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-LightOblique.svg#fce834f65d97d50a85974512d1adf040') format('svg'); /* Legacy iOS */ font-style: oblique; font-weight: 200; } @font-face { font-family: 'FuturaStd-ExtraBold'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBold.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBold.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-ExtraBold.svg#c5848c9cabbbe464cb22cc47f7de3445') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'FuturaStd-CondensedBold'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBold.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBold.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-CondensedBold.svg#97efe9f156711da26e30d793e1abb77c') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'FuturaStd-BoldOblique'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BoldOblique.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BoldOblique.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BoldOblique.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BoldOblique.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/futura/FuturaStd-BoldOblique.svg#0e0218ed55d61ccc56c68dcd7ce57449') format('svg'); /* Legacy iOS */ font-style: oblique; font-weight: 700; } @font-face { font-family: 'BOMediaSet'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/bomediaset001/BOMediaSet001.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/bomediaset001/BOMediaSet001.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/bomediaset001/BOMediaSet001.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/bomediaset001/BOMediaSet001.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/bomediaset001/BOMediaSet001.svg#svg') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Roboto-Regular'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Regular.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Regular.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Regular.svg#f4ba68a9596ca53347cecdb9c6e48d01') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Roboto-Medium'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Medium.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Medium.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Medium.svg#9e4baab57ed09c2dd1f3a56f2a128453') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Roboto-Bold'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Bold.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Bold.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Bold.svg#b49e654214c0ade376e714f6d9c78d72') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'Roboto-Condensed'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Condensed.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Condensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Condensed.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Condensed.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-Condensed.svg#789c5bad75bf3ec132d791f67d03732a') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Roboto-BoldCondensed'; src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-BoldCondensed.eot'); /* IE9 Compat Modes */ src: url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-BoldCondensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-BoldCondensed.woff') format('woff'), /* Modern Browsers */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-BoldCondensed.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://oxosi.com/wp-content/themes/oxosi_003/fonts/roboto/Roboto-BoldCondensed.svg#b100c0f1cf313c3a0e80ecb7112c0d75') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } /* =Reset -------------------------------------------------------------- */ #cs_001 { display: none; } @-moz-document url-prefix(http://),url-prefix(https://) { scrollbar { -moz-appearance: none !important; background: rgb(0,255,0) !important; } thumb,scrollbarbutton { -moz-appearance: none !important; background-color: rgb(0,0,255) !important; } thumb:hover,scrollbarbutton:hover { -moz-appearance: none !important; background-color: rgb(255,0,0) !important; } scrollbarbutton { display: none !important; } scrollbar[orient="vertical"] { min-width: 9px !important; } } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: auto; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { background: none repeat scroll 0 0 #FFFFFF; min-width: 1024px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: 0; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } .widget-title { font-family: FuturaStd-Book; text-transform: lowercase; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #555555; font-family: Helvetica; font-size: 13px; font-size: 1.3rem; line-height: 1.2; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } .woocommerce-account h3 { font-family: FuturaStd-Medium; font-size: 17px; margin-bottom: 10px; } .woocommerce-checkout h3 { font-family: FuturaStd-Medium; margin-bottom: 10px; } .woocommerce-account h2 { font-family: FuturaStd-Medium; margin-bottom: 10px; } .woocommerce-checkout h2 { font-family: FuturaStd-Medium; margin-bottom: 10px; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } .customer_details dt { font-size: 11px; text-transform: lowercase; } dd { margin: 0 1.5em 1.5em; } .woocommerce-page dd { margin: 0 1.5em 1.5em 0; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } .addresses address { font-size: 12px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /* BO general form styling */ fieldset { float: left; margin-bottom: 15px; } form p, .form-field { float: left; margin-bottom: 14px; width: 100%; } .bolr_001 form p, .bolr_001 .form-field { height: 40px; margin: 0 0 14px; width: 100%; } form p label, .form-field label { background: none repeat scroll 0 0 #111111; border: 0 solid #BBBBBB; color: #777777; float: left; font-family: Helvetica; font-size: 12px; height: auto; letter-spacing: 0; line-height: 30px; margin-right: 2%; text-align: left; text-indent: 0; text-transform: lowercase; width: auto; } .bolr_001 form p label, .bolr_001 .form-field label { display: none; } form p label span, .form-field label span { display: none; } form p input, .form-field input { border: 1px solid #CCCCCC; border-radius: 0 0 0 0; color: #333333; float: left; font-family: Helvetica; font-size: 13px; height: 100%; line-height: normal; margin: 0; min-height: 35px; padding: 0; text-indent: 10px; text-transform: lowercase; width: 67%; } .woocommerce .input-text, #customer_details .input-text { text-transform: none; } .bolr_001 form p input, .bolr_001 .form-field input { background: none repeat scroll 0 0 transparent; border: 1px solid #CCCCCC; font-family: Roboto-Condensed; height: 100%; text-transform: lowercase; width: 558px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: initial; } .archive_search_001 input { border: 1px solid #AAAAAA; color: #404040; font-family: Roboto-Condensed; font-size: 11px; height: 25px; line-height: 11px; padding: 0; text-indent: 5px; text-transform: lowercase; width: 100%; } #searchform #s { border: 1px solid #AAAAAA; color: #404040; font-family: Roboto-Condensed; font-size: 11px; height: 25px; line-height: 11px; padding: 0; text-indent: 5px; text-transform: lowercase; width: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { background: none repeat scroll 0 0 #000000; border: 1px solid #000000; border-radius: 0 0 0 0; box-shadow: none; color: #FFFFFF; cursor: pointer; font-family: sans-serif; font-size: 14px; height: 100%; letter-spacing: 1px; line-height: normal; padding: 0; text-align: center; text-indent: 0; text-shadow: none; text-transform: uppercase; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ /* crossbrowser */ -khtml-border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .bolr_001 button, html .bolr_00 input[type="button"], .bolr_001 input[type="reset"], .bolr_001 input[type="submit"] { background: none repeat scroll 0 0 transparent; border: 1px solid #AAAAAA; color: #555555; font-size: 15px; text-transform: uppercase; width: 150px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: rgba(85,85,85,0.5); } .bolr_001 .nd_form_inner input[type="submit"] { -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.9px; -webkit-text-stroke-color: rgba(255,255,255,0.5); } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #333333 #333333 #333333 #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #333333 #333333 #333333 #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .woocommerce-account .button { margin-top: 10px !important; } input[value="Delete card"] { background: none repeat scroll 0 0 transparent; border: 1px solid #CCCCCC; color: #555555; float: right; font-family: FuturaStd-Medium; font-size: 11px; padding: 10px; } input[value="Delete card"]:hover { background: none repeat scroll 0 0 #000000; border: 1px solid #000000; color: #FFFFFF; float: right; font-family: FuturaStd-Medium; font-size: 11px; padding: 10px; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ min-height: 10px; padding: 0; width: auto; } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } /* input[type=text], input[type=email], input[type=password], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { color: #111; } input[type=text], input[type=email], input[type=password] { padding: 3px; } */ textarea { border: 1px solid #CCCCCC; font-family: Helvetica; font-size: 13px; overflow: auto; padding-left: 10px; padding-top: 5px; vertical-align: top; width: 98%; } .login-submit { height: auto; margin-bottom: 0; } /* placeholder text styling */ input::-webkit-input-placeholder { color: #777777; opacity: 1; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: rgba(119,119,119,0.5); } input:-moz-placeholder { color: #777777; opacity: 1; } input::-moz-placeholder { color: #777777; opacity: 1; } input:-ms-input-placeholder { color: #777777; opacity: 1; } /* BO third party form styling (FP) */ .frm_form_fields { } .frm_required { display: none; } /* BO third party form styling (NAL) */ .nd_login_widget { float: left; width: 100%; } .nd_form { float: left; width: 100%; } .nd_form_inner { float: left; width: 100%; } .bo_forgot_password, .bo_forgot_password a { color: #777777; float: right; font-family: Roboto-Condensed; font-size: 12px; letter-spacing: 0; line-height: 10.5px; margin-top: -15px; text-decoration: none; text-transform: lowercase; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(119,119,119,0.5); } .bo_forgot_password:hover, .bo_forgot_password a:hover { color: #333333; } .nd_form #wp-social-login-connect-with, .nd_form #wp-social-login-connect-options { display: none; } .nd_form_inner style { display: none; } .nd_lost_password_form label, .ox_lost_password_form label { } #nd_lost_username, #ox_lost_username { } .bo_forgot_password_instructions, .bo_forgot_passwordinstructions a { color: #333333; float: left; font-family: Roboto-Condensed; font-size: 12px; line-height: 14px; margin: 0 0 10px; text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(51,51,51,0.5); } .nd_lost_password_form p, .ox_lost_password_form p { } form.nd_form ul.errors, form.nd_form ul.messages { margin: 0 !important; list-style: none !important; } form.nd_form ul.errors li, form.nd_form ul.messages li { background-position: 10px center; background-repeat: no-repeat; border: medium none; font-size: 11px; letter-spacing: 1px; margin: 0 0 8px; padding: 15px 10px; } form.nd_form ul.messages li { background-color: #000000; background-image: none; color: #FFFFFF; font-family: Akinology; font-weight: normal; text-align: center; text-transform: uppercase; } form.nd_form ul.errors li { background-color: #000000; background-image: none; color: #FFFFFF; font-family: Akinology; text-align: center; text-transform: uppercase; } form.nd_form .messages li b, form.nd_form .messages li strong, form.nd_form .errors li b, form.nd_form .errors li strong { font-weight: normal; } ul.nd_tabs { list-style: none outside none !important; margin: 0; overflow: hidden; padding: 0 !important; width: 90%; } ul.nd_tabs li.active { background: none repeat scroll 0 0 #111111; border: 2px solid #111111; font-size: 18px; } ul.nd_tabs li { background: none repeat scroll 0 0 #111111; border: 0 solid #111111; border-top-left-radius: 0; border-top-right-radius: 0; float: left; font-family: FuturaStd-Book; font-size: 12px; letter-spacing: 1px; line-height: 11px; margin-bottom: 6px; margin-right: 0; text-transform: uppercase; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-left-radius: 0; -khtml-border-top-right-radius: 0; -o-border-top-left-radius: 0; -o-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } ul.nd_tabs li a { color: #FFFFFF; float: left; font-weight: normal; padding: 15px 25px 13px; text-decoration: none !important; text-shadow: none; } .fwh_001 { float: left; height: 100%; width: 100%; } .blockUI, .blockOverlay { margin: 100%; } /* BO third party form styling (WSL) */ .use_facebook_001 { background: none repeat scroll 0 0 transparent !important; float: left; max-height: 50px; } a[data-provider=Facebook] { background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/smc_use_facebook_001.png") no-repeat #4967a9; background-size: 100% auto; float: left; height: 31px; width: 120px; } a[data-provider=Facebook] img { visibility: hidden; } .ox_login_widget #wp-social-login-connect-with, .nd_login_widget #wp-social-login-connect-with { display: none; } #wp-social-login-connect-options { padding: 0 !important; } .wsl_connect_with_provider { padding: 0 !important; } /* BOLR */ #open_lr_content_in_modal_001 { display: none; } .bolr_001_container { height: auto; width: auto; } .bolr_001 { background: none repeat scroll 0 0 transparent; border: 0 solid #BBBBBB; float: left; height: auto; margin: 0 0 25px; padding: 0; width: 800px; } .bolr_001a { background: none repeat scroll 0 0 transparent; border-bottom: 1px dotted #AAAAAA; color: #CCCCCC; float: left; height: auto; margin-bottom: 25px; padding-bottom: 7px; padding-top: 20px; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(204,204,204,0.5); } .bolr_001a001 { border-bottom: 1px solid #CCCCCC; display: none; float: left; height: auto; padding: 0 0 8px; width: 45.5%; } .bolr_001a002 { background: none repeat scroll 0 0 transparent; float: left; margin: 0; text-align: center; width: 100%; } .bolr_001a002a { font-family: Akinology-Bold; font-size: 23px; font-weight: normal; line-height: 17px; text-align: left; text-transform: uppercase; } .bolr_001a002b { } .bolr_001a003 { border-bottom: 1px solid #CCCCCC; display: none; float: right; height: auto; padding: 0 0 8px; width: 45.5%; } .bolr_001a004 { display: none; float: left; font-family: Akinology-Bold; font-size: 10px; letter-spacing: 1px; margin-top: 2px; text-align: center; text-transform: uppercase; width: 100%; } .bolr_001b { border-right: 0 solid #555555; float: left; height: auto; padding-right: 0; width: 100%; } .bolr_001b001 { border-right: 0 dotted #999999; float: left; height: auto; margin-right: 0; padding-right: 0; width: 20%; } .bolr_001b002 { border-left: 1px dotted #AAAAAA; float: left; height: auto; margin-left: 2%; padding-left: 7%; width: 70%; } .bolr_001c { border-left: 1px solid #555555; float: right; height: auto; padding-left: 5%; width: 45%; } .bolr_001d { border-left: 0 solid #555555; float: left; height: auto; width: 100%; } .bolr_label_001 { float: left; height: auto; margin-bottom: 25px; text-transform: uppercase; width: 100%; } .bolr_label_001a { background: none repeat scroll 0 0 #000000; color: #FFFFFF; font-family: Akinology; font-size: 11px; letter-spacing: 1px; margin-top: 0; padding: 10px 10px 8px; text-align: center; } /* Links */ a { color: #111111; } a:visited { color: #333333; } a:hover, a:focus, a:active { color: #000000; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* BO + */ .hide_me_001 { display: none; } .responsive_headline_001 { display: block; line-height: 85%; width: 100%; } .responsive_headline_001a { font-size: 325%; line-height: 85%; margin-top: 5px; width: 120%; } fieldset { float: left; } .payment_box fieldset { width: 100%; } .zoom_in_cursor_me_001 { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .zoom_out_cursor_me_001 { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; } /* SECTION FADING ----------------------------------------------- */ .site-header { opacity: 1; } .body_001 { opacity: 1; } .announcement_001 { opacity: 1; } .site-footer, .above_footer_001 { opacity: 1; } .introduction_box_001 { opacity: 1; } .product_single_001b001 { opacity: 1; } .ox_menu_panel_001 { opacity: 1; } /* =Menu ----------------------------------------------- */ .menu_section_container_001 { margin: 0 auto; width: 990px; } /* .menu_section_45_percent_width_001 { float: left; width: 41%; } */ .menu_section_45_percent_width_001 { float: left; width: 44.5%; } .menu_section_45_percent_width_002 { float: left; width: 45%; } /* .menu_section_10_percent_width_001 { border-right: 1px solid #999999; float: left; height: 60.5px; margin-bottom: 10px; margin-right: 2.5%; margin-top: 10px; width: 11%; } */ .menu_section_10_percent_width_001 { border-right: 1px solid #999999; float: left; height: 60.5px; margin-bottom: 12px; margin-right: 2%; margin-top: 8px; width: 8%; } /* .oxosi_menu_home_001 { border-right: 1px solid #999999; font-family: Akinology-Bold,sans-serif !important; font-size: 14px !important; margin-bottom: 8px !important; margin-right: 19px; margin-top: 6.8px !important; padding-bottom: 20px !important; padding-right: 16px !important; padding-top: 24.3px !important; } */ .oxosi_menu_home_001 { background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/ox_logo.png") no-repeat scroll 0 0 transparent !important; background-size: 65.0% auto !important; border-right: 0 solid #999999; font-family: Akinology-Bold,sans-serif !important; font-size: 14px !important; margin-bottom: 0 !important; margin-right: 0; margin-top: 0 !important; overflow: hidden; padding-bottom: 31.5px !important; padding-right: 26px !important; padding-top: 30.3px !important; text-indent: -9999px; width: 69px; } /* .oxosi_menu_home_001 { background: none repeat scroll 0 0 navy; border-right: 0 solid #999999; font-family: Akinology-Bold,sans-serif !important; font-size: 14px !important; margin-right: 0; padding: 28px 0 33px !important; text-indent: 0; } */ /* .oxosi_menu_currency_001 { border-right: 0 solid #999999; font-family: Akinology,sans-serif !important; font-size: 10.5px !important; line-height: 9.5px !important; margin-right: 15px !important; padding-right: 12px !important; padding-top: 32.5px !important; } */ .oxosi_menu_currency_001 { border-right: 0 solid #999999; font-family: Akinology,sans-serif !important; font-size: 10.5px !important; line-height: 10px !important; margin-right: 15px !important; padding-right: 12px !important; padding-top: 40px !important; } .oxosi_menu_bag_001 { border-right: 0 solid #999999; font-family: Akinology,sans-serif !important; font-size: 10.5px !important; line-height: 10px !important; margin-right: 3px !important; padding-right: 12px !important; padding-top: 40px !important; } .oxosi_menu_bag_001 .oxosi_menu_bag_001a { background: none repeat scroll 0 0 #FFFFFF; color: #000000; font-family: sans-serif; font-size: 13px; font-weight: bold; line-height: 7px !important; padding: 3px 3px 1px 5px; text-align: center; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #000000; } .oxosi_menu_bag_prepend_001 { display: none; font-family: BOMediaSet; font-size: 13px; letter-spacing: 1.5px; margin-top: 0; padding-top: 0; vertical-align: middle; } .oxosi_menu_login_001_container_001 { } .oxosi_menu_login_001_container_001a { float: right; margin-right: 15px; } .oxosi_menu_login_001_container_001a a { color: #FFFFFF; float: right; margin-right: -1px; text-decoration: none; } .oxosi_menu_login_001 { background: none repeat scroll 0 0 transparent; color: #FFFFFF; float: right; font-family: Akinology,sans-serif; font-size: 10.5px; font-style: normal; letter-spacing: 2px; line-height: 10px; margin-left: 0; margin-right: 0; margin-top: 30px; padding: 10px 10px 8px; text-align: right; text-transform: uppercase; vertical-align: middle; } .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a { } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { display: block; } .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { } /* Small menu */ .menu-toggle { cursor: pointer; } .main-small-navigation .menu { display: none; } /* =Content ----------------------------------------------- */ .sticky { } .hentry { margin: 0 0 1.5em; } .entry-meta { clear: both; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .site-header img, .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .site-header img, .entry-content img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .site-header img, .entry-content img, img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-content .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } .site-content .gallery-columns-4 .gallery-item { } .site-content .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-content .site-navigation { margin: 0 0 1.5em; overflow: hidden; } .site-content .nav-previous { float: left; width: 50%; } .site-content .nav-next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ #searchsubmit { display: none; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll #nav-above, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll #nav-below, .infinite-scroll.neverending #colophon { /* 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 #colophon { display: block; } /*///////////////////////////////////////////////////////////////////*/ /* POST FRAMEWORK 001 */ /*///////////////////////////////////////////////////////////////////*/ /***************************************************** * CORE AND ESSENTIALS 001 *****************************************************/ /* SCROLLBAR */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* LANGUAGES_001 */ .bo_languages_001 { } #bo_language_switch_001 .lang-en { color: #fff; float: right; font-family: BASEOfficial,sans-serif; font-size: 10px; font-weight: normal; letter-spacing: 2px; margin-left: 0px; margin-top: 17px; text-align: right; border: 1px solid #000; padding: 10px; } #bo_language_switch_001 .lang-fr { color: #fff; float: right; font-family: BASEOfficial,sans-serif; font-size: 10px; letter-spacing: 2px; margin-left: 0px; margin-top: 17px; text-align: right; border: 1px solid #000; padding: 10px; } #bo_language_switch_001 .lang-es { color: #fff; float: right; font-family: BASEOfficial,sans-serif; font-size: 10px; letter-spacing: 2px; margin-left: 0px; margin-top: 17px; text-align: right; border: 1px solid #000; padding: 10px; } #bo_language_switch_001 .lang-pt { color: #fff; float: right; font-family: BASEOfficial,sans-serif; font-size: 10px; letter-spacing: 2px; margin-left: 0px; margin-top: 17px; text-align: right; border: 1px solid #000; padding: 10px; } #bo_language_switch_001 .lang-en a { color: #fff; } #bo_language_switch_001 .lang-fr a { color: #fff; } #bo_language_switch_001 .lang-es a { color: #fff; } #bo_language_switch_001 .lang-pt a { color: #fff; } #bo_language_switch_001 { } #bo_language_switch_001 .active { border: 1px solid #999999; color: #FFFFFF; font-style: normal; padding: 10px; vertical-align: middle; } #bo_language_switch_001 .active a { color: #FFFFFF; margin-right: 0; } #bo_language_switch_001 #lang_sel_list { float: left; font-family: verdana,arial,sans-serif; height: auto; position: relative; width: auto; z-index: 99; } #bo_language_switch_001 #lang_sel_list ul { border-top: 0 solid #CDCDCD; height: auto; left: auto; top: auto; width: auto; } #bo_language_switch_001 #lang_sel_list li { float: right; position: relative; width: auto; } /* #bo_language_switch_001 #lang_sel_list li a { background: none repeat scroll 0 0 transparent; color: #FFFFFF; float: right; font-family: Akinology,sans-serif; font-size: 10.5px; font-style: normal; letter-spacing: 2px; line-height: 10.5px; margin-left: 0; margin-right: 0; margin-top: 20.5px; padding: 10px 10px 8px; text-align: right; vertical-align: middle; } */ #bo_language_switch_001 #lang_sel_list li a { background: none repeat scroll 0 0 transparent; color: #FFFFFF; float: right; /* font-family: Akinology; */ /* font-size: 10.5px; */ font-family: Roboto-Condensed; font-size: 11.5px; font-style: normal; letter-spacing: 2px; line-height: 10px; margin-left: 0; margin-right: 0; margin-top: 23px; padding: 10px 8px 8px 10px; text-align: right; vertical-align: middle; } #bo_language_switch_001 #lang_sel_list a.lang_sel_sel { border: 1px solid #CCCCCC; } #bo_language_switch_001 #lang_sel_list a.lang_sel_other { border: 1px solid #000; } icl_post_in_other_langs { } /* BROWSER_REJECTOR_001 */ #jr_chrome .jr_icon { background: url("../../../images01/browser-rejector/browser_chrome.png") no-repeat scroll left top transparent !important; cursor: pointer; height: 120px !important; margin: 1px auto; padding: 0; width: 114px; } #jr_firefox .jr_icon { background: url("../../../images01/browser-rejector/browser_firefox.png") no-repeat scroll left top transparent !important; cursor: pointer; height: 120px !important; margin: 1px auto; padding: 0; width: 114px; } #jr_opera .jr_icon { background: url("../../../images01/browser-rejector/browser_opera.png") no-repeat scroll left top transparent !important; cursor: pointer; height: 120px !important; margin: 1px auto; padding: 0; width: 114px; } #jr_safari .jr_icon { background: url("../../../images01/browser-rejector/browser_safari.png") no-repeat scroll left top transparent !important; cursor: pointer; height: 120px !important; margin: 1px auto; padding: 0; width: 114px; } #jr_gcf .jr_icon { background: url("../../../images01/browser-rejector/browser_gcf.png") no-repeat scroll left top transparent !important; cursor: pointer; height: 120px !important; margin: 1px auto; padding: 0; width: 114px; } #jr_msie .jr_icon { background: url("../../../images01/browser-rejector/browser_msie.png") no-repeat scroll left top transparent !important; cursor: pointer; height: 120px !important; margin: 1px auto; padding: 0; width: 114px; } #jr_inner ul li { background: none repeat scroll 0 0 transparent !important; cursor: pointer; float: left; height: 122px; margin: 10px !important; padding: 0; text-align: center; width: 120px; } #jr_header { color: #333333; display: block; font-family: sans-serif !important; font-size: 18px !important; font-weight: bold; letter-spacing: 0 !important; margin: 20px 0 10px !important; padding: 5px 5px 0; text-align: center !important; } #jr_inner p { font-family: sans-serif; margin: 0; padding: 3px !important; text-align: center !important; } #jr_close a { color: #000000; display: block; font-family: sans-serif !important; font-weight: bold !important; letter-spacing: 1px !important; margin: 0; padding: 0; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; width: auto; } #jr_close { clear: both; margin: 15px 0 !important; padding: 0; text-align: left; } #jr_inner { background: none repeat scroll 0 0 #FFFFFF !important; border: 0 solid #CCCCCC !important; color: #4F4F4F !important; font-family: Arial,Verdana,sans-serif; font-size: 12px; height: auto; margin: 0 auto; padding: 20px; position: relative; } #jr_inner ul { list-style: none outside none; margin: 7px 0 0 !important; padding: 0; } #jr_close p { margin: 0; padding: 5px 0 10px !important; } /***************************************************** * HEADER 001 *****************************************************/ #header { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; color: #FFFFFF; float: left; height: auto; margin-bottom: 0; padding-top: 0; position: relative; top: 0; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.4px; -webkit-text-stroke-color: rgba(255,255,255,1.0); } #header a { } .site-header { float: left; margin-top: 0; position: relative; width: 100%; z-index: 1000; } /* .site-header - Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .site-header { position: relative; } } /* .site-header - iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .site-header { position: relative; } } .header_001 { background-color: transparent; border-bottom: 1px solid #555555; /* border-bottom: 1px solid #000000; */ box-shadow: 0 0 0 0 #000000; display: block; float: left; padding-bottom: 0; padding-top: 0; width: 100%; z-index: 99999; } .header_002 { /* background: none repeat scroll 0 0 #2AE98F; */ background: none repeat scroll 0 0 #62d1ff; border-bottom: 0 solid #222222; box-shadow: 0 0 0 0 #000000; display: block; float: left; font-family: BASEOfficial-Medium,sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 12px; opacity: 1; padding: 8px 0; text-align: center; width: 100%; z-index: 99999; } #header #search-bar { display: none; margin-top: 5px; text-align: right; width: 100%; } #navigation { display: none; position: relative; width: 100%; } .header_container_001 { float: left; position: fixed; width: 100%; z-index: 100; } /* .header_container_001 - Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .header_container_001 { position: relative; } } /* .header_container_001 - iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .header_container_001 { position: relative; } } .top_block_001 { display: block; float: left; height: 75px; position: relative; width: 100%; } /* .top_block_001 - Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .top_block_001 { display: none; } } /* .top_block_001 - iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .top_block_001 { display: none; } } .announcement_001 { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #DDDDDD; float: left; width: 100%; } .announcement_001a { background: none repeat scroll 0 0 transparent; color: #333333; font-family: Roboto-Condensed; font-size: 12px; height: 30px; letter-spacing: 1px; line-height: 34px; margin: 0 auto; text-align: left; text-transform: uppercase; width: 990px; } /* MENU */ .ox_menu_001 { background: none repeat scroll 0 0 #000000; display: block; margin: 0 auto; width: 100%; } .ox_menu_001a { color: #FFFFFF; display: block; height: 75px; margin: 0 auto; min-width: 990px; } .ox_menu_001a a { /* for all menu links */ color: #FFFFFF; text-decoration: none; } .ox_menu_001a001 { /* logo container */ display: none; float: left; height: 100%; margin: 0; width: 6%; } .ox_menu_001a001a { /* link with logo background*/ background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/oxosi_logo_001_white.png") no-repeat scroll 0 2px transparent; background-size: 90% auto; border-right: 0 solid #888888; display: block; float: left; height: 80%; margin: 14px 12px 0 10px; opacity: 1; text-indent: -9999px; width: 81px; } .ox_menu_001a001a:hover { /* link with logo background*/ background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/oxosi_logo_002_white.png") no-repeat scroll 0 2px transparent; background-size: 90% auto; } .ox_menu_001a002 { /* menu items left container */ display: block; float: left; height: 100%; margin: 0; width: 55%; } .ox_menu_001a002a { /* menu item left */ border-right: 1px solid #555555; display: block; float: left; /* font-family: Akinology; */ /* font-size: 10.5px; */ font-family: Roboto-Condensed; font-size: 11.5px; height: 100%; letter-spacing: 2px; line-height: 78px; margin: 0 10px 0 0; padding-right: 10px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(250,250,250,0.7); } .ox_menu_001a002a a { color: #FFFFFF; float: left; height: 100%; margin-right: -2px; /* for border-bottom offset */ overflow: hidden; /* for border-bottom offset */ width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(250,250,250,0.7); } .ox_menu_001a002a:hover span, .ox_menu_001a002a .selected span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .ox_menu_001a002a_home { } .ox_menu_001a002a_brands { border-left: 1px solid #555555; padding-left: 10px; } .home .underline_guide_home_001 span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .post-type-archive-bo_brands .underline_guide_brands_001 span, .term-brands .underline_guide_brands_001 span , .parent-term-brands .underline_guide_brands_001 span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .term-women .underline_guide_women_001 span, .parent-term-women .underline_guide_women_001 span, .single-product_cat-women .underline_guide_women_001 span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .term-men .underline_guide_men_001 span, .parent-term-men .underline_guide_men_001 span, .single-product_cat-men .underline_guide_men_001 span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .search .ox_menu_001a002a_search span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .single-post .underline_guide_magazine_001 span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .ox_menu_001a002a_search, .ox_menu_001a002a_made_in { cursor: pointer; } .ox_menu_001a003 { /* menu items right container */ display: block; float: right; height: 100%; margin: 0; width: 45%; } .ox_menu_001a003a { /* menu item right */ border-left: 1px solid #555555; display: block; float: right; /* font-family: Akinology; */ /* font-size: 10.5px; */ font-family: Roboto-Condensed; font-size: 11.5px; height: 100%; letter-spacing: 2px; line-height: 78px; margin: 0 10px 0 7px; padding-left: 14px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(250,250,250,0.7); } .ox_menu_001a003a a { color: #FFFFFF; float: left; /* margin-right: -2px; for border-bottom offset */ /* overflow: hidden; for border-bottom offset */ -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(250,250,250,0.7); } .ox_menu_001a003a:hover span, .ox_menu_001a003a_lr:hover span, .ox_menu_001a003a .selected span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .woocommerce-account .ox_menu_001a003a_lr span { border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; } .ox_menu_001a003a_lr { cursor: pointer; margin-right: 7px; } .ox_menu_001a003a_languages { } .ox_menu_001a003a_languages a { height: auto; width: auto; } .ox_menu_001a003a_bag_label { /* menu item - bag label */ float: left; } .ox_menu_001a003a_bag_number_container { margin-left: 0; } .ox_menu_001a003a:hover .ox_menu_001a003a_bag_container, .ox_menu_001a003a_lr:hover .ox_menu_001a003a_bag_container, .ox_menu_001a003a .selected .ox_menu_001a003a_bag_container { border-bottom: 1px solid #FFFFFF !important; padding-bottom: 5px !important; } .ox_menu_001a003a_bag_number { /* menu item - bag number */ background: none repeat scroll 0 0 #FFFFFF; color: #000000; font-family: sans-serif; font-size: 13px; font-weight: bold; line-height: normal; margin-left: -3px; padding: 3px 3px 1px 5px !important; text-align: center; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(0,0,0,0.7); } .ox_menu_001a003a:hover .ox_menu_001a003a_bag_number { /* menu item - bag number */ padding: 3px 3px 1px 5px !important; } /* MENU PANELS */ .ox_menu_panel_001 { background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/milk_095.png") repeat scroll 0 0 #FFFFFF; border-bottom: 0 solid #DDDDDD; float: left; margin: 0 auto; position: relative; width: 100%; } .ox_menu_panel_001a { height: auto; margin: 0 auto; width: 990px; } .panel_001 { display: none; } .ox_menu_panel_001a001 { float: left; width: 85%; } @-webkit-keyframes ox_heart_beats_003 { 0% { font-size: 100px; } 20% { font-size: 140px; } 100% { font-size: 100px; } } @-moz-keyframes ox_heart_beats_003 { 0% { font-size: 100px; } 20% { font-size: 140px; } 100% { font-size: 100px; } } @-o-keyframes ox_heart_beats_003 { 0% { font-size: 100px; } 20% { font-size: 140px; } 100% { font-size: 100px; } } @keyframes ox_heart_beats_003 { 0% { font-size: 100px; } 20% { font-size: 140px; } 100% { font-size: 100px; } } .ox_menu_panel_001a002 { color: #000000; float: left; font-family: BASEOfficial-ExtraLight; font-size: 130px; font-weight: normal; line-height: 100px; margin-left: 0; text-align: center; width: 15%; } .ox_menu_panel_001a002_pgf { float: right; margin-top: -15px; width: 30%; } .ox_menu_panel_001a002:hover { -webkit-animation: ox_heart_beats_003 0.3s 0s 2; -moz-animation: ox_heart_beats_003 0.3s 0s 2; -o-animation: ox_heart_beats_003 0.3s 0s 2; animation: ox_heart_beats_003 0.3s 0s 2; } .ox_menu_panel_001a002001 { cursor: pointer; float: left; text-align: center; opacity: 0.85; width: 100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .lr_panel_content_001 { display: none; } .ox_made_in_tabs_001 { color: #000000; float: left; min-height: 400px; width: 100%; } .ox_made_in_tabs_001 ul { display: none; } .ox_made_in_tabs_001a { float: left; overflow: hidden; width: 100%; } .ox_made_in_tabs_001a001 { float: left; min-height: 400px; width: 842px; } .ox_made_in_tabs_001a001a { cursor: pointer; float: left; width: 75%; } .ox_made_in_tabs_001a001b { border-bottom: 0 solid #CCCCCC; float: left; margin-top: 12px; padding-bottom: 15px; width: 25%; } .ox_made_in_tabs_001a001b001 { background: none repeat scroll 0 0 #888888; border: 0 solid #555555; color: #FFFFFF; cursor: pointer; float: left; font-family: Akinology; font-size: 11px; line-height: 11px; margin: 1px; padding: 7px 9px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(255,255,255,0.7); } .ox_made_in_tabs_001a001b001:hover { background: none repeat scroll 0 0 #111111; } .z-active .active_guide { background: none repeat scroll 0 0 #111111; } .ox_made_in_tabs_001a001b002 { float: left; margin-top: 15px; width: 100%; } .ox_made_in_tabs_001a001b002a { float: left; width: 50%; } .ox_made_in_tabs_001a001b002a001, .ox_made_in_tabs_001a001b002b001 { background: none repeat scroll 0 0 transparent; border: 0 solid #555555; color: #444444; cursor: pointer; float: left; font-family: FuturaStd-Book; font-size: 12px; line-height: 18.5px; margin: 0; padding: 0; text-transform: lowercase; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(51,51,51,0.7); } .ox_made_in_tabs_001a001b002a001:hover, .ox_made_in_tabs_001a001b002b001:hover { color: #000000; font-family: FuturaStd-Medium; } .ox_made_in_tabs_001a001b002b { float: left; width: 50%; } /*---*/ .panel_link_002 { position: relative; } .panel_002 { display: none; left: 0; position: absolute; top: 65px; } .open .panel_002 { display: block; } .panel_002 .product_list_widget a { color: #333333; float: none; font-size: 13px; letter-spacing: 0; line-height: normal; vertical-align: baseline !important; } .panel_002 .product_list_widget .quantity { float: left; font-size: 13px; height: auto; letter-spacing: 0; line-height: 1; position: relative; width: 60px; } .panel_002 .buttons .button { margin-right: 5px; } .ox_menu_panel_002 { margin: 0 auto; position: absolute; width: 100%; } .ox_menu_panel_002a { } .ox_menu_panel_002a001 { background: none repeat scroll 0 0 #FFFFFF; border: 0px solid #DDDDDD; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); float: right; padding: 0 30px 15px; width: 200px; } /*---*/ .panel_link_003 { position: relative; } .panel_003 { display: none; left: 0; position: absolute; top: 65px; } .open .panel_003 { display: block; } .ox_menu_panel_003 { margin: 0 auto; position: absolute; width: 100%; } .ox_menu_panel_003a { } .ox_menu_panel_003a001 { background: none repeat scroll 0 0 #FFFFFF; border: 0 solid #DDDDDD; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); color: #555555; float: left; padding: 15px 30px; text-align: left; width: 200px; } .ox_menu_panel_003a001a { border-bottom: 1px solid #EEEEEE; color: #555555; float: left; font-family: FuturaStd-Medium; font-size: 11px; height: auto; letter-spacing: 1px; line-height: 1; margin: 0; padding: 14.5px 0; text-transform: uppercase; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(68,68,68,0.7); } .ox_menu_panel_003a001a:hover { background: #F3F3F3; text-indent: 15px; } .ox_menu_panel_003a001a a { color: #444444; float: left; height: auto; text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(68,68,68,0.7); } /***************************************************** * BODY 001 *****************************************************/ .site-main { display: block; float: left; /* margin-top: 100px; */ margin-top: 0; width: 100%; z-index: 999; } /* .site-main Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .site-main { margin-top: 0; } } /* .site-main iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .site-main { margin-top: 0; } } /* universal responsive containers */ .responsive_container_001 { margin: 0 auto; width: 100%; } .responsive_container_002 { margin: 0 auto; max-width: 1515px; width: 90%; } .responsive_container_004 { margin: 0 auto; width: 990px; } /* .responsive_container_003 Large - browser window size is in between 1480 and up */ @media only screen and (min-width : 1480px) { .responsive_container_003 { margin: 0 auto; width: 1440px; } } /* .responsive_container_003 Medium - browser window size is in between 1240 and 1479 */ @media only screen and (min-width : 1240px) and (max-width : 1479px) { .responsive_container_003 { margin: 0 auto; width: 1200px; } } /* .responsive_container_003 Small - browser window size is in between 1000 and 1239 */ @media only screen and (min-width : 1000px) and (max-width : 1239px) { .responsive_container_003 { margin: 0 auto; width: 960px; } .woocommerce-result-count { display: none; } } /* .responsive_container_003 Smaller - browser window size is in between 0 and 999 @media only screen and (min-width : 0px) and (max-width : 999px) { .responsive_container_003 { margin: 0 auto; width: 720px; } } */ /* .responsive_container_003 Smaller - browser window size is in between 0 and 999 */ @media only screen and (min-width : 0px) and (max-width : 999px) { .responsive_container_003 { margin: 0 auto; width: 960px; } .woocommerce-result-count { display: none; } } /*---*/ /* .responsive_container_005 Large - browser window size is in between 1670 and up */ @media only screen and (min-width : 1670px) { .responsive_container_005 { margin: 0 auto; width: 1650px; } } /* .responsive_container_005 Medium - browser window size is in between 1340 and 1669 */ @media only screen and (min-width : 1340px) and (max-width : 1669px) { .responsive_container_005 { margin: 0 auto; width: 1320px; } } /* .responsive_container_005 Small - browser window size is in between 1010 and 1339 */ @media only screen and (min-width : 1010px) and (max-width : 1339px) { .responsive_container_005 { margin: 0 auto; width: 990px; } } /* .responsive_container_005 Smaller - browser window size is in between 0 and 1009 @media only screen and (min-width : 0px) and (max-width : 1009px) { .responsive_container_005 { margin: 0 auto; width: 660px; } } */ /* .responsive_container_005 Smaller - browser window size is in between 0 and 1009 */ @media only screen and (min-width : 0px) and (max-width : 1009px) { .responsive_container_005 { margin: 0 auto; width: 990px; } } div#container { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 0px solid #E0E0E0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-right: 0px solid #E0E0E0; float: left; margin-top: 50px; overflow: hidden; position: relative; width: 100%; } .tax-product_cat #container { margin-top: 0; } .padder { float: left; padding: 0; width: 100%; } div#content .padder { border-right: 0px solid #ddd; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-right: 0px; } .defaultimg { height: 100% !important; } .horizontal_divide_001 { float: left; height: auto; width: 100%; } .horizontal_divide_001a { border-bottom: 1px solid #FFFFFF; height: auto; margin: 8px auto; width: 990px; } .horizontal_divide_001b { border-bottom: 1px solid #FFFFFF; height: auto; margin: 30px auto; width: 990px; } .body_001 { /*background: url("../../../images01/bg/bo/bobg-001a.png") repeat scroll 0 0 / 5px 5px #000000;*/ min-height: 720px; } /***************************************************** * HOME MASONRY *****************************************************/ #mcontainer { margin: 0; overflow: hidden; padding: 0; } #mcontainer_001 { float: left; overflow: hidden; position: relative; } .product_single_001d_related #mcontainer_001 { float: left; margin-top: 35px; overflow: hidden; position: relative; width: 100%; } .cart-collaterals #mcontainer_001 { float: left; margin-top: 20px; overflow: hidden; position: relative; width: 100%; } #mcontainer_002 { overflow: hidden; position: relative; } .product_single_001 #mcontainer_001, .cart-collaterals #mcontainer_001 { float: left; overflow: hidden; position: relative; width: auto; } .mblock { background: none repeat scroll 0 0 transparent; float: left; position: relative; } /* for "columnWidth: container.querySelector('.mblock_minimum_width')" */ .home_mblock_minimum_width { width: 330px; } /* for column block width (options) */ .mblock_column_330_auto { height: auto; width: 330px; } .mblock_column_660_auto { height: auto; width: 660px; } .mblock_column_990_auto { height: auto; width: 990px; } .mblock_column_330_165 { /* 2:1 */ height: 330px; width: 165px; } .mblock_column_330_330 { /* 2:2 */ height: 330px; width: 330px; } .mblock_column_330_495 { /* 2:3 */ height: 495px; width: 330px; } .mblock_column_660_165 { /* 4:1 */ height: 165px; width: 660px; } .mblock_column_660_330 { /* 4:2 */ height: 330px; width: 660px; } .mblock_column_660_495 { /* 4:3 */ height: 495px; width: 660px; } /* optional - for column block inner layer (use margin and reduced width/height to set space in between blocks) */ .mblock_column_330_auto_inner { height: auto; margin: 10px; width: 310px; } .mblock_column_660_auto_inner { height: auto; margin: 10px; width: 640px; } .mblock_column_990_auto_inner { height: auto; margin: 10px; width: 970px; } .mblock_column_330_165_inner { /* 2:1 inner */ height: 145px; margin: 10px; overflow: hidden; width: 310px; } .mblock_column_330_330_inner { /* 2:2 inner */ height: 310px; margin: 10px; overflow: hidden; width: 310px; } .mblock_column_330_495_inner { /* 2:3 inner */ height: 475px; margin: 10px; overflow: hidden; width: 310px; } .mblock_column_660_165_inner { /* 4:1 inner */ height: 145px; margin: 10px; overflow: hidden; width: 640px; } .mblock_column_660_330_inner { /* 4:2 inner */ height: 310px; margin: 10px; overflow: hidden; width: 640px; } .mblock_column_660_495_inner { /* 4:3 inner */ height: 475px; margin: 10px; overflow: hidden; width: 640px; } /* for all block images */ .mblock img { display: block; height: auto; margin: 0 auto; max-width: 100%; text-align: center; width: 100%; } /* for all block h2 headings */ .mblock h2 { font-size:14px; line-height:18px; margin-bottom:5px; } .home .mblock .hover_guide_001 { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); } /***************************************************** * ARCHIVE MASONRY *****************************************************/ /* for "columnWidth: container.querySelector('.mblock_minimum_width')" */ .archive_mblock_minimum_width { width: 240px; } /* for column block width (options) */ .mblock_column_240_360 { height: 360px; width: 240px; } .product_single_001d_related .mblock_column_240_360, .pagename-bag .mblock_column_240_360 { float: left; height: 180px; margin-left: 0; margin-right: 0; width: 135px; } .mblock_column_480_360 { height: 360px; width: 480px; } .mblock_column_480_720 { height: 720px; width: 480px; } .mblock_column_720_360 { height: 360px; width: 720px; } .mblock_column_720_720 { height: 720px; width: 720px; } /* inners */ .mblock_column_240_360_inner { height: 355px; width: 235px; } .mblock_column_480_360_inner { height: 355px; width: 475px; } .single-product .mblock_column_480_360_inner { border: 1px solid #E3E3E3; height: 330px; width: 450px; } .mblock_column_480_720_inner { height: 715px; width: 475px; } .single-product .mblock_column_480_720_inner { border: 1px solid #CCCCCC; height: 690px; width: 450px; } .mblock_column_720_360_inner { height: 355px; width: 715px; } .mblock_column_720_720_inner { height: 715px; width: 715px; } .body_001a { background: none no-repeat scroll left center transparent; float: left; height: auto; margin: 10px auto 0; width: 100%; } .media_grid_item_001_link { float: left; height: 100%; width: 100%; } .media_grid_item_001 { float: left; height: 100%; position: relative; width: 100%; } @-webkit-keyframes fadeinhover001 { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeinhover001 { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeinhover001 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeinhover001 { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeinhover002 { 0% { opacity: 0; } 100% { opacity: 0.9; } } @-moz-keyframes fadeinhover002 { 0% { opacity: 0; } 100% { opacity: 0.9; } } @-o-keyframes fadeinhover002 { 0% { opacity: 0; } 100% { opacity: 0.9; } } @keyframes fadeinhover002 { 0% { opacity: 0; } 100% { opacity: 0.9; } } .media_grid_item_001a { float: left; height: 100%; margin-left: 0; margin-right: 0; margin-top: 0; opacity: 0; position: absolute; visibility: hidden; width: 100%; z-index: 12; } .hover_guide_001:hover .media_grid_item_001a { opacity: 1; visibility: visible; -webkit-animation: fadeinhover001 0.3s 0s 1 forwards; -moz-animation: fadeinhover001 0.3s 0s 1 forwards; -o-animation: fadeinhover001 0.3s 0s 1 forwards; animation: fadeinhover001 0.3s 0s 1 forwards; } .media_grid_item_001a_text { /* created a special rule for block text (no conflict with animation) */ float: left; height: 100%; margin-left: 0; margin-right: 0; margin-top: 0; opacity: 1; position: absolute; visibility: visible; width: 100%; z-index: 12; } .media_grid_item_001a001 { color: #FFFFFF; font-family: FuturaStd-Book; font-size: 23px; font-weight: normal; letter-spacing: 0; line-height: 25px; margin: 10% auto 0; text-align: center; text-transform: uppercase; width: 60%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.4px; -webkit-text-stroke-color: rgb(255,255,255,0.5); } .block_text .media_grid_item_001a001 { float: left; font-family: Roboto-Condensed; font-size: 50px; line-height: 45px; margin-left: 7px; margin-top: 7px; text-align: left; width: 90%; } /*.block_text .media_grid_item_001a001 { float: left; font-family: FuturaStd-Medium; font-size: 41px; line-height: 43px; margin-left: 7px; margin-top: 7px; text-align: left; width: 75%; }*/ .ratio_21 .media_grid_item_001a001 { font-size: 15px; line-height: 19px; margin: 5% 0 0 5%; text-align: left; width: 80%; } .ratio_23 .media_grid_item_001a001 { margin-top: 30%; } .ratio_41 .media_grid_item_001a001 { font-size: 18px; line-height: 21px; margin: 2% 0 0 2%; text-align: left; width: 60%; } .ratio_43 .media_grid_item_001a001 { margin: 20% auto 0; } .media_grid_item_001a002 { color: #FFFFFF; font-family: FuturaStd-Book; font-size: 11px; font-weight: normal; letter-spacing: 0; line-height: 21px; margin: 5px auto 0; text-align: center; text-transform: uppercase; width: 60%; } .block_text .media_grid_item_001a002 { float: left; margin-left: 7px; text-align: left; width: 60%; } .ratio_21 .media_grid_item_001a002 { font-size: 10px; margin: 2px 0 0 5%; text-align: left; width: 80%; } .ratio_41 .media_grid_item_001a002 { font-size: 10px; margin: 2px 0 0 2%; text-align: left; width: 60%; } .media_grid_item_001a003 { height: auto; margin: 20px auto 0; text-align: center; width: 100%; } .block_text .media_grid_item_001a003 { float: left; margin-left: 7px; text-align: left; width: 60%; } .ratio_21 .media_grid_item_001a003 { margin-left: 5%; margin-top: 17px; text-align: left; width: 95%; } .ratio_41 .media_grid_item_001a003 { margin-left: 2%; margin-top: 17px; text-align: left; width: 95%; } .media_grid_item_001a003a { height: 30px; overflow: visible; } .media_grid_item_001a003a001 { } .media_grid_item_001a003a001a { border: 1px solid #FFFFFF; color: #FFFFFF; font-family: Helvetica; font-size: 15px; letter-spacing: 0; line-height: 16px; padding: 11px 11px 10px; text-align: center; } .media_grid_item_001a003a001b { color: #FFFFFF; font-family: FuturaStd-Book; font-size: 11px; letter-spacing: 1px; line-height: 43px; opacity: 0; text-align: center; } .ratio_21 .media_grid_item_001a003a001b { font-size: 9px; line-height: 30px; text-align: left; } .ratio_41 .media_grid_item_001a003a001b { font-size: 9px; line-height: 30px; text-align: left; } .media_grid_item_001a003a001:hover .media_grid_item_001a003a001b { opacity: 1; } .media_grid_item_001a004 { bottom: 0; float: left; height: auto; margin: 0 auto; position: absolute; text-align: center; width: 100%; } .media_grid_item_001a005 { bottom: 0; float: left; height: auto; margin: 0 auto; position: absolute; text-align: center; width: 100%; } .media_grid_item_001b { background: none repeat scroll 0 0 #000000; float: left; height: 100%; opacity: 0; position: absolute; visibility: hidden; width: 100%; z-index: 11; } .hover_guide_001:hover .media_grid_item_001b { opacity: 0.9; visibility: visible; -webkit-animation: fadeinhover002 0.3s 0s 1 forwards; -moz-animation: fadeinhover002 0.3s 0s 1 forwards; -o-animation: fadeinhover002 0.3s 0s 1 forwards; animation: fadeinhover002 0.3s 0s 1 forwards; } .media_grid_item_001b_text { /* created a special rule for block text (no conflict with animation) */ background: none repeat scroll 0 0 #000000; float: left; height: 100%; opacity: 1; position: absolute; visibility: visible; width: 100%; z-index: 11; } .media_grid_item_001c { float: left; height: 100%; opacity: 1; position: absolute; width: 100%; z-index: 10; } .media_grid_item_001c img { float: left; height: 100%; width: 100%; } .more_box_container_001 { background: none repeat scroll 0 0 transparent; border: 0 solid transparent; bottom: 0; float: left; height: 90px; position: absolute; right: 0; width: 90px; } @-webkit-keyframes ox_heart_beats { 0% { font-size: 45px; } 20% { font-size: 75px; } 100% { font-size: 45px; } } @-moz-keyframes ox_heart_beats { 0% { font-size: 45px; } 20% { font-size: 75px; } 100% { font-size: 45px; } } @-o-keyframes ox_heart_beats { 0% { font-size: 45px; } 20% { font-size: 75px; } 100% { font-size: 45px; } } @keyframes ox_heart_beats { 0% { font-size: 45px; } 20% { font-size: 75px; } 100% { font-size: 45px; } } @-webkit-keyframes ox_heart_beats_002 { 0% { font-size: 45px; } 20% { font-size: 70px; } 100% { font-size: 45px; } } @-moz-keyframes ox_heart_beats_002 { 0% { font-size: 45px; } 20% { font-size: 70px; } 100% { font-size: 45px; } } @-o-keyframes ox_heart_beats_002 { 0% { font-size: 45px; } 20% { font-size: 70px; } 100% { font-size: 45px; } } @keyframes ox_heart_beats_002 { 0% { font-size: 45px; } 20% { font-size: 70px; } 100% { font-size: 45px; } } .more_box_001 { color: #FFFFFF; font-family: FuturaStd-Light; font-size: 45px; height: 100%; line-height: 85px; margin: 0 auto; padding: 0; text-align: center; text-transform: uppercase; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .media_grid_item_001:hover .more_box_001 { -webkit-animation: ox_heart_beats 0.3s 0s 2; -moz-animation: ox_heart_beats 0.3s 0s 2; -o-animation: ox_heart_beats 0.3s 0s 2; animation: ox_heart_beats 0.3s 0s 2; } /* player */ .player_buttons_001 { background: none repeat scroll 0 0 transparent; border-radius: 0 0 0 0; bottom: 15px; float: left; height: 70px; left: 9px; position: absolute; width: 70px; z-index: 20; } .pigv_001 .player_buttons_001 { background: none repeat scroll 0 0 transparent; height: 100px; left: 10px; top: 10px; width: 180px; } .ratio_21 .player_buttons_001 { bottom: 30.5px; height: 50px; left: auto; right: 10px; width: 50px; } .ratio_21 .hover_guide_001:hover .player_buttons_001 { right: 77px; } .ratio_41 .player_buttons_001 { bottom: 30.5px; height: 50px; left: auto; right: 77px; width: 50px; } .player_buttons_001a /* play */ { color: #FFFFFF; cursor: pointer; display: block; /* for begin state */ font-family: BOMediaSet; font-size: 50px; height: 100%; line-height: 82px; margin: 0 auto; padding: 0; text-align: center; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .pigv_001 .player_buttons_001a { border-bottom: 2px solid; color: #111111; float: left; font-family: FuturaStd-Book; font-size: 35px; height: auto; line-height: 55px; text-align: left; width: auto; } .pigv_001 .player_buttons_001b { border-bottom: 2px solid; color: #111111; float: left; font-family: FuturaStd-Book; font-size: 35px; height: auto; line-height: 55px; text-align: left; width: auto; } .pigs_001 .player_buttons_001a:hover { color: #000000; } .pigs_001 .player_buttons_001b:hover { color: #000000; } .ratio_21 .player_buttons_001a, .ratio_21 .player_buttons_001b { font-size: 35px; line-height: 60px; } .ratio_41 .player_buttons_001a, .ratio_41 .player_buttons_001b { font-size: 35px; line-height: 60px; } .player_buttons_001a a /* play */ { color: #FFFFFF; } .player_buttons_001a:hover { } .player_buttons_001b /* pause */ { color: #FFFFFF; cursor: pointer; display: none; /* for begin state */ font-family: BOMediaSet; font-size: 50px; height: 100%; line-height: 82px; margin: 0 auto; padding: 0; text-align: center; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .player_buttons_001b a /* pause */ { color: #FFFFFF; } .player_buttons_001b:hover { } .player_buttons_001c /* sound */ { display: none; /* for begin state */ } .player_buttons_002 { background: none repeat scroll 0 0 transparent; border: 0 solid #FFFFFF; border-radius: 0 0 0 0; height: 30px; left: 12px; margin: 0 auto; position: absolute; top: 10px; width: 70px; z-index: 20; } .ratio_21 .player_buttons_002 { height: 20px; left: auto; right: 10px; top: 10px; width: 60px; } .ratio_41 .player_buttons_002 { height: 20px; left: auto; right: 10px; top: 10px; width: 60px; } .player_buttons_002a /* mute */ { color: #FFFFFF; cursor: pointer; display: none; /* for begin state */ font-family: Akinology; font-size: 10px; height: 100%; line-height: 35px; margin: 0 auto; opacity: 0.6; padding: 0; text-align: center; text-transform: uppercase; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .ratio_21 .player_buttons_002a, .ratio_21 .player_buttons_002b { font-size: 8.5px; line-height: 27px; } .ratio_41 .player_buttons_002a, .ratio_41 .player_buttons_002b { font-size: 8.5px; line-height: 27px; } .player_buttons_002a a /* mute */ { color: #FFFFFF; } .player_buttons_002a:hover { opacity: 1.0; } .player_buttons_002b /* unmute */ { color: #FFFFFF; cursor: pointer; display: block; /* for begin state */ font-family: Akinology; font-size: 10px; height: 100%; line-height: 35px; margin: 0 auto; opacity: 0.6; padding: 0; text-align: center; text-transform: uppercase; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .player_buttons_002b a /* unmute */ { color: #FFFFFF; } .player_buttons_002b:hover { opacity: 1.0; } .link_division_001 { width: 100%; height: 100%; } .player_buttons_001_display_guide { display: block; } .blocks_image_001a:hover .player_buttons_001_display_guide { display: block; } /* hype */ .hype_box_anywhere_001 { display: block; float: left; height: 75px; position: relative; width: 75px; } .product_single_001a_hype_box .hype_box_anywhere_001 { float: left; margin: 0 auto; } .hype_box_container_001 { background: none repeat scroll 0 0 transparent; background-size: 100% auto; border: 0px solid #CCC; bottom: auto; float: left; height: 100%; position: absolute; right: auto; width: 100%; } .blocks_image_001 .hype_box_container_001 { /* for home blocks */ background: none repeat scroll 0 0 transparent; background-size: 100% auto; border-width: 1px !important; bottom: inherit; float: left; height: 27px; margin-top: 10px; position: relative; right: inherit; width: auto; } .blocks_image_001 .hype_box_container_001 { /* for home blocks */ background: none repeat scroll 0 0 transparent; border: 2px solid #FFFFFF; } .hype_box_container_001:hover { background: none repeat scroll 0 0 transparent; border: 0px solid #006eea; } .blocks_image_001:hover .hype_box_container_001 { /* for home blocks */ background: none repeat scroll 0 0 #000000 !important; border: 2px solid #000000 !important; color: #FFFFFF !important; } .hype_box_container_001a { height: 100%; position: absolute; width: 100%; z-index: 11; } .blocks_image_001 .hype_box_container_001a { /* for home blocks */ height: 100%; position: relative; width: 100%; z-index: 11; } .hype_box_container_001 .post-ratings { background: none repeat scroll 0 0 transparent; background-size: 100% auto; height: 100%; opacity: 1; width: 100%; } .hype_box_container_001 .post-ratings:hover { background: none repeat scroll 0 0 #006eea; border: 0px solid #006eea; } .hype_box_001 { background: none repeat scroll 0 0 #000000; bottom: 0; color: #FFFFFF; float: right; font-family: Helvetica; font-size: 18px; height: 100%; line-height: 15px; position: absolute; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .product_single_001a_hype_box .hype_box_001 { background: none repeat scroll 0 0 #000000; border: 2px solid #FFFFFF; color: #FFFFFF; } .product_single_001a_hype_box .hype_box_001:hover { background: none repeat scroll 0 0 #000000; border: 2px solid #FFFFFF; color: #FFFFFF; } .archive_001c002a .hype_box_001 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BBBBBB; bottom: 0; color: #777777; float: right; font-family: Helvetica; font-size: 14px; height: 100%; line-height: 15px; position: absolute; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: rgba(119,119,119,0.7); } .hype_box_001 img { height: 100%; width: 100%; } .blocks_image_001 .hype_box_001 { /* for home blocks */ background: none repeat scroll 0 0 #000000; bottom: 0; float: right; font-family: Helvetica; font-size: 11px; height: 100%; line-height: 29px; position: relative; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .blocks_image_001 .hype_box_001 { /* for home blocks */ background: none repeat scroll 0 0 transparent; } .hype_box_001:hover { background: none repeat scroll 0 0 #006eea; } .archive .hype_box_001:hover { background: none repeat scroll 0 0 #006EEA; border: 1px solid #006EEA; color: #FFFFFF; } .product_single_001a_hype_box .hype_box_001:hover { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #FFFFFF; color: #000000; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(17,17,17,0.7); } .blocks_image_001 .hype_box_001:hover { /* for home blocks */ background: none repeat scroll 0 0 transparent; } .blocks_image_001:hover .hype_box_001 { /* for home blocks */ color: #FFFFFF !important; } .hype_box_001a { display: none; font-size: 21px; line-height: 15px; height: 35%; margin: 24% 0 0; padding: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 10; } .hype_box_001:hover .hype_box_001a { display: block; } .blocks_image_001 .hype_box_001:hover .hype_box_001a { /* for home blocks */ display: none; } .hype_box_001b { height: 35%; margin: 25% 0 0; padding: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 10; } .blocks_image_001 .hype_box_001b { /* for home blocks */ height: 100%; margin: 0; padding: 0 15px 0 0; position: relative; text-align: center; top: 0; width: 100%; z-index: 10; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.4px; } .hype_box_001:hover .hype_box_001b { display: none; } .blocks_image_001 .hype_box_001:hover .hype_box_001b { /* for home blocks */ display: block; } .blocks_image_001:hover .hype_box_001b { /* for home blocks */ -webkit-text-stroke-color: #FFFFFF !important; } .hype_box_001c { font-family: Roboto-Condensed; font-size: 11px; height: 36%; letter-spacing: 1px; margin: 2% 0 0; padding: 0; position: absolute; text-align: center; top: 60%; width: 100%; z-index: 11; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; } .blocks_image_001 .hype_box_001c { /* for home blocks */ display: none; float: left; font-family: Akinology-bold; font-size: 9px; height: auto; letter-spacing: 1px; margin: 25px 0 0; padding: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; width: 100%; z-index: 11; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #FFFFFF; } .blocks_image_001:hover .hype_box_001c { /* for home blocks */ display: block; } .hype_box_001d { position: absolute; top: 0; z-index: 12; } .hb_hyped_text_001 { font-size: 60%; } .hb_login_text_001 { font-size: 60%; } .post-ratings-loading { font-size: 0; height: 100%; position: absolute; text-align: left; width: 100%; } .spinner_001 { height: 100%; position: absolute; width: 100%; z-index: 1; } .spinner_001a { height: 100%; width: 100%; } /* block background (bg) */ .blocks_image_001b { background: none repeat scroll 0 0 #000000; height: 100%; opacity: 0.5; position: absolute; width: 100%; z-index: 10; } /* block image (bg) */ .blocks_image_001c { background: none repeat scroll 0 0 #FFFFFF; float: left; position: inherit; z-index: 8; width: 100%; } video { position: relative; z-index: 0; } .body_002 { min-height: 700px; } .body_002 img:hover { opacity: 1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .body_002 img { height: auto; opacity: 1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .body_002a { border-bottom: 0 solid #999999; float: left; height: auto; margin: 0 0 20px; width: 100%; } .tax-product_cat .body_002a { display: none; margin-top: 0; } .body_002a001 { background: none repeat scroll 0 0 transparent; display: block; float: left; height: auto; width: 100%; } .body_002a001a { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #DDDDDD; color: #333333; display: block; float: none; font-family: FuturaStd-medium; font-size: 45px; height: auto; letter-spacing: 0; line-height: 160px; margin: 30px auto 10px; padding: 0; text-align: center; text-transform: lowercase; } .tax-product_cat .body_002a001a { margin-top: 5px; } .pagename-bag .body_002a001a { border-bottom: 0 none; line-height: 130px; margin-bottom: 0; } .body_002a001a span { border-bottom: 2px solid; padding-bottom: 10px; } .title_border_bottom_001 { border-bottom: 2px solid; padding-bottom: 10px; } .body_002a002 { background: none repeat scroll 0 0 transparent; border-left: 0 solid #999999; display: block; float: left; height: auto; margin-left: 1.5%; width: 26.5%; } .body_002a002a { background: none repeat scroll 0 0 transparent; display: block; float: left; height: auto; margin-left: 0; } .body_002b { border-bottom: 0 solid #999999; float: left; height: auto; margin: 0; width: 80%; } .single-ignition_product .body_002b { margin-right: 3%; width: 62%; } .body_002b001 { border-right: 1px solid #CFCFCF; float: left; margin-right: 4%; min-height: 450px; padding-right: 4%; width: 91%; } .single-ignition_product .body_002b001 { border-right: 0 solid #CFCFCF; float: left; margin-right: 0; min-height: 450px; padding-right: 0; width: 100%; } .pagename-sign-in .body_002b001 { border-right: 0 solid #CFCFCF; } .body_002c { float: left; height: auto; margin: 0 auto; width: 100%; } .body_002d { border-bottom: 0 solid #999999; float: left; height: auto; margin: 0 auto; width: 20%; } .single-ignition_product .body_002d { width: 35%; } .pagename-sign-in .body_002d { display: none; } .body_002e { border-bottom: 0 solid #999999; float: left; height: auto; margin: 0 0 20px; width: 100%; } .title_and_sort_001 { border-bottom: 1px solid #E7E7E7; float: left; margin-bottom: 50px; margin-top: 20px; padding-bottom: 20px; width: 100%; } /* pagename mods */ .pagename-bag .body_002b, .pagename-checkout .body_002b { width: 100%; } .pagename-bag .body_002b001, .pagename-checkout .body_002b001 { border-right: 0 none; margin: 0; padding: 0; width: 100%; } .pagename-bag .body_002d, .pagename-checkout .body_002d { display: none; } /* archives */ .archive_001 { border-bottom: 1px solid #DDDDDD; float: left; height: auto; margin-bottom: 20px; padding-bottom: 20px; width: 100%; } .archive_001a { float: left; height: 0; margin-right: 1%; padding-bottom: 13%; position: relative; width: 13%; } .archive_001a img { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); float: left; width: 100%; } .archive_001b { float: left; height: 0; margin-right: 2%; padding-bottom: 13%; position: relative; width: 13%; } .archive_001b img { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); float: left; width: 100%; } .archive_001c { float: left; height: 95px; position: relative; width: 69%; } .archive_001c001 { color: #777777; float: left; font-family: FuturaStd-Book; font-size: 20px; height: 30px; letter-spacing: 0; position: relative; text-transform: lowercase; width: 100%; } .archive_001c001 a { color: #777777; text-decoration: none; } .archive_001c001 a:hover { color: #777777; text-decoration: none; } .archive_001c002 { float: left; height: 65px; position: relative; width: 100%; } .archive_001c002a { float: left; height: 63px; margin-right: 12px; position: relative; width: 63px; } .archive_001c002b { color: #777777; float: left; font-family: Helvetica; font-size: 10.5px; font-weight: normal; height: 63px; line-height: 16px; margin-left: 0; margin-top: -2px; position: relative; width: 75%; } .archive_001c002b a { color: #777777; font-style: normal; text-decoration: none; text-transform: lowercase; } .archive_001c002b a:hover { color: #777777; text-decoration: underline; } .archive_slash_001 { color: #777777; font-style: normal; text-decoration: none; } .archive_slash_001:hover { color: #777777; text-decoration: none; } .archive_more_link_001 { color: #777777; font-style: normal; text-decoration: underline; } .archive_more_link_001:hover { color: #333333; text-decoration: underline; } /* archive sort */ .archive_sort_seperator { float: left; height: 15px; position: relative; width: 100%; } .archive_sort_001, .archive_sort_002 { color: #555555; float: left; font-family: Roboto-Condensed; font-size: 11px; height: auto; letter-spacing: 0; line-height: 17px; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; } .archive_sort_001 a, .archive_sort_002 a { color: #555555; text-decoration: none; } .archive_sort_001 a:hover, .archive_sort_002 a:hover { color: #333333; font-size: 11px; text-decoration: none; } .archive_sort_005 { background: none repeat scroll 0 0 transparent; border: 1px solid #AAAAAA; color: #777777; float: left; font-family: Helvetica; font-size: 11px; letter-spacing: -2px; line-height: 11px; margin-bottom: 3px; margin-right: 3px; padding: 8px 10px 6px 8px; text-align: left; text-decoration: none; text-transform: uppercase; } .archive_sort_006 a, .archive_sort_007 { background: none repeat scroll 0 0 transparent; border: 1px solid #AAAAAA; color: #777777; float: left; font-family: Roboto-Regular; font-size: 10.5px; letter-spacing: 0; line-height: 12px; margin-bottom: 3px; margin-right: 3px; padding: 7px 10px 6px 8px; text-align: left; text-decoration: none; text-transform: uppercase } .archive_sort_005 a, .archive_sort_007 a { color: #777777; text-decoration: none; } .archive_sort_005:hover, .archive_sort_006 a:hover, .archive_sort_007:hover { background: none repeat scroll 0 0 #111111; border: 1px solid #111111; color: #FFFFFF; } .selected .archive_sort_005, .archive_sort_006 .selected, .selected .archive_sort_007 { background: none repeat scroll 0 0 #111111; border: 1px solid #111111; color: #FFFFFF; } .archive_search_001 { float: left; font-family: Roboto-Condensed; margin-bottom: 20px; margin-top: 20px; width: 100%; } .error_404_search_001 { float: left; font-family: Roboto-Condensed; margin-bottom: 20px; margin-top: 5px; width: 50%; } .error_404_message_001 { color: #555555; float: left; font-family: Helvetica; font-size: 12px; width: 100%; } .error_404_message_001a { color: #555555; float: left; font-family: serif; font-size: 195px; line-height: 195px; width: 100%; } /* archive navigation */ .archive_navigation_001_next, .archive_navigation_001_previous { background: none repeat scroll 0 0 transparent; border: 1px solid #999999; color: #777777; font-family: Helvetica; font-size: 11px; line-height: 12px; padding: 6px 7px 4px; text-decoration: none; } .prev, .next, .page-numbers { background: none repeat scroll 0 0 transparent; border: 1px solid #999999; color: #777777; font-family: Helvetica; font-size: 11px; line-height: 12px; padding: 6px 7px 4px; text-decoration: none; } .prev:hover, .next:hover, .page-numbers:hover { background: none repeat scroll 0 0 #111111; border: 1px solid #111; color: #FFFFFF; } .paged .current { background: none repeat scroll 0 0 #555555; border: 1px solid #555555; color: #FFFFFF; } .body_003 img:hover { opacity: 1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .body_003 img { height: auto; opacity: 1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ width: 100%; } .body_003a { border-bottom: 0 solid #999999; height: auto; margin: 0 auto; width: 990px; } .body_003a001 { background: none repeat scroll 0 0 transparent; display: block; float: left; height: auto; width: 33.333%; } .body_003a001a { background: none repeat scroll 0 0 transparent; display: block; float: left; height: auto; margin-right: 2.5%; width: 97.5%; } .body_003a001b { background: none repeat scroll 0 0 transparent; display: block; float: left; height: 100px; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; } .body_003a001c { background: none repeat scroll 0 0 transparent; display: block; float: left; height: 100px; margin-left: 2.5%; width: 97.5%; } .body_003a001a001 { color: #333333; font-family: BASEOfficial-Medium,sans-serif; font-size: 25px; font-weight: normal; letter-spacing: -1px; line-height: 23px; margin-top: 10px; text-align: left; text-transform: uppercase; } .body_003a001a001 a { color: #333333; } .body_003a001a002 { color: #111111; font-family: Helvetica; font-size: 13px; line-height: 15px; margin-top: 5px; text-align: left; width: 95%; } .body_003a001a003 { font-family: Helvetica; font-size: 11px; font-style: italic; font-weight: bold; letter-spacing: 0; margin-top: 4px; text-align: left; text-transform: lowercase; } .body_003a001a003 a { color: #222222; } .body_003a001a004 { font-family: PanAfricanist-Medium; font-size: 27px; letter-spacing: 1px; margin-top: 10px; text-align: center; } .body_003a001a004a { margin: 0 auto; width: 25%; } .body_003a001a004a001 { float: left; margin: 0 1.5%; width: 30.333%; } .body_003a001a005 { color: #333333; font-family: BASEOfficial-Medium,sans-serif; font-size: 37px; font-weight: normal; letter-spacing: -3px; line-height: 32px; margin-bottom: 10px; margin-top: 3px; text-align: left; text-transform: uppercase; width: 100%; } .body_003a001a005 a { color: #333333; } .body_003a001a006 { float: left; margin-top: 13px; width: 280px; } .body_003a001a006a { float: left; width: 100%; } .body_003a001a006a001 { border-bottom: 1px solid #CCCCCC; border-right: 0 solid #CCCCCC; color: #777777; float: left; font-family: "AfricanaStudies",sans-serif; font-size: 25px; font-weight: normal; letter-spacing: 1px; line-height: 27px; margin-bottom: 3px; margin-top: 0; padding-bottom: 3px; padding-right: 9px; text-transform: lowercase; } .body_003a001a006b { } .body_004 { float: left; width: 100%; } .body_004a { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #DDDDDD; float: left; width: 100%; } .body_004a001 { background: none repeat scroll 0 0 transparent; color: #333333; font-family: FuturaStd-Medium; font-size: 12px; height: 30px; letter-spacing: 1px; line-height: 34px; margin: 0 auto; text-align: left; text-transform: uppercase; width: 990px; } .body_005 { float: left; margin: 30px auto; position: relative; width: 100%; } .body_005a { margin: 0 auto 0; position: relative; width: 990px; } .body_005a001 { float: left !important; margin-right: 1.5%; width: 78.5%; } .body_005a001a { background: none repeat scroll 0 0 #000000; margin-bottom: 25px; width: 100%; } .body_005a001a h4 { background: none repeat scroll 0 0 transparent; color: #FFFFFF; font-family: BASEOfficial-Medium; font-size: 18px; letter-spacing: 1px; line-height: 18px; padding: 12px 10px 10px; text-transform: uppercase; } .body_005a002 { float: left; width: 20%; } /***************************************************** * SIDEBAR 001 [find_sidebar_001] *****************************************************/ #bo_sidebar_001 { display: block; float: right; height: 45px; width: 90%; } /***************************************************** * FOOTER 001 [find_footer_001] *****************************************************/ .above_footer_001 { background: none repeat scroll 0 0 #EEEEEE; float: left; padding: 10px 0; width: 100%; } .site-footer { background: none repeat scroll 0 0 #111111; background-size: 5px 5px; float: left; margin: 0; padding: 30px 0 120px; width: 100%; } .site-footer_001 { margin: 0 auto; width: 990px; } .site-footer_001a { } .sharethis_001 { } .footer_001 { width: 100%; } .footer_001a { } .footer_002 { float: left; width: 100%; } .footer_002a { margin: 0 auto; } .footer_002a001 { float: left; padding: 30px 0; width: 247.5px; } .footer_002a001a { border-right: 1px solid #444444; float: left; width: 96%; } .float_left_me_001 { border-left: 1px solid #444444; } .footer_002a001a001 { color: #EEEEEE; cursor: pointer; float: left; font-family: FuturaStd-Book; font-size: 12px; line-height: 17px; text-transform: lowercase; width: 100%; } .float_left_me_001 .footer_002a001a001 { margin-left: 10px; } .footer_002a001 .float_right_me_001 { float: right; } .float_right_me_001 .footer_002a001a001 { float: right; margin-right: 10px; text-align: right; } .seperator_037 { border-top: 1px solid #444444; display: none; float: right; margin-left: 50%; margin-top: 3px; padding-top: 9px; width: 50%; } .no_text_transform_001 { text-transform: none; } .site_credits_content_001 { display: none; } .oxosi_footer_logo_001 { float: right; margin-bottom: 7px; margin-right: 5px; margin-top: -4px; width: 100%; } .oxosi_footer_logo_001 img { float: right; height: auto; opacity: 0.85; width: 22.5%; } /***************************************************** * ROYAL SLIDER [find_royal_slider] *****************************************************/ /* v1.0.3 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { height: 100%; position: relative; width: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 8; } .rsActiveSlide { z-index: 10; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { background: none no-repeat scroll left center #FFF; width: 100%; height: 100%; position: relative; } .bors_001 .rsActiveSlide .rsContent { background: none no-repeat scroll left center #FFF; width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; -webkit-backface-visibility: hidden; } .grab-cursor { cursor:url(http://oxosi.com/wp-content/themes/oxosi_003/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(http://oxosi.com/wp-content/themes/oxosi_003/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(http://oxosi.com/wp-content/themes/oxosi_003/blank.gif); -webkit-backface-visibility: hidden; } .bors_001 .rsSlide img { opacity: 1.00; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); */ } .bors_001 .rsActiveSlide img { opacity: 1.00; /* -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); */ } /*---*/ .bors_002 .rsSlide { background: none repeat scroll 0 0 #fff; } /***************************************************** * BORS *****************************************************/ /* BORS 001 */ .bors_container_001 { background: none no-repeat scroll left center transparent; float: left; height: 100%; margin-left: auto; margin-right: auto; padding: 0; position: relative; top: 0; width: 100%; } .bors_001 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; /* height of thumbs (if not required set to 0) */ height: auto; overflow-y: hidden; width: auto; } .bors_block_001 { /* display: none; */ margin: 0 auto; padding: 0; white-space: normal !important; } .bors_block_001a_container { float: left; width: 100%; } .bors_block_001a { float: left; } .bors_block_001a_highlight { float: left; } .bors_block_002 { background: url("http://pan.af/images01/logo.png") no-repeat scroll left center transparent; background-size: 445px 85px; border-right: 1px solid #999999; color: #FFFFFF; float: left; font-family: PanAfricanist; font-size: 70px; height: 85px; margin: 0 15px 0 0; padding: 0 20px 0 0; width: 445px; } .bors_block_003 { color: #999999; float: left; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 11px; height: 85px; line-height: 14px; margin-top: 14px; padding: 0; width: 320px; } .bors_block_004 { display: none; float: left; height:300px; margin: 5px 0; padding: 0; position: relative !important; width:990px; } .bors_block_005 { float: left; padding: 0; width:318px; margin: 0 18px 0 0; } .bors_block_006 { float: left; padding: 0; width:318px; margin: 0 18px 0 0; } .bors_block_007 { float: left; padding: 0; width:318px; margin: 0 0 0 0; } .bors_block_008 { float: left; height: 180px; padding: 0; position: relative; width: 318px; } .bors_block_008a { display: block; float: left; height: 180px; position: absolute; width: 318px; z-index: 2; -webkit-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .bors_block_008a img { width: 100%; height: 100%; } .bors_block_008c { bottom: 0; height: 50px; margin-bottom: -5px; margin-right: -3px; position: absolute; right: 0; width: 50px; z-index: 9; } .bors_block_008c img { width: 100%; height: 100%; } .bors_block_008d { top: 0; height: 50px; margin-top: -5px; margin-right: -3px; position: absolute; right: 0; width: 50px; z-index: 9; } .bors_block_008d img { width: 100%; height: 100%; } .bors_block_008e { height: 50px; margin-top: -5px; margin-left: -3px; left: 0; position: absolute; top: 0; width: 50px; z-index: 9; } .bors_block_008e img { width: 100%; height: 100%; } .bors_block_008f { bottom: 0; height: 50px; margin-bottom: -5px; margin-left: -3px; position: absolute; left: 0; width: 50px; z-index: 9; } .bors_block_008f img { width: 100%; height: 100%; } .bors_block_005:hover .bors_block_008a { display: block; float: left; height: 180px; -webkit-opacity: 0.10; -moz-opacity: 0.10; opacity: 0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ position: absolute; width: 318px; z-index: 2; } .bors_block_006:hover .bors_block_008a { display: block; float: left; height: 180px; -webkit-opacity: 0.10; -moz-opacity: 0.10; opacity: 0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ position: absolute; width: 318px; z-index: 2; } .bors_block_007:hover .bors_block_008a { display: block; float: left; height: 180px; -webkit-opacity: 0.10; -moz-opacity: 0.10; opacity: 0.10; filter:alpha(opacity=10); /* For IE8 and earlier */ position: absolute; width: 318px; z-index: 2; } .bors_block_008b { background: none repeat scroll 0 0 #00b700; color: #fff; display: block; float: left; height: 180px; position: absolute; width: 318px; z-index: 1; } .bors_block_009 { float: left; line-height: 14px; margin: 20px 0 0; padding: 0; width: 318px; } .bors_block_005:hover .bors_block_009 { color: #ccc; } .bors_block_006:hover .bors_block_009 { color: #ccc; } .bors_block_007:hover .bors_block_009 { color: #ccc; } .bors_001 .tp-simpleresponsive .caption { opacity: 0; position: relative !important; } /* BORS 002 */ .bors_002_container { background: none no-repeat scroll left center transparent; display: block; margin: 0 auto; padding: 0; position: relative; width: 100%; } .bors_002 { float: left; overflow: hidden; position: relative; width: 100%; } .bors_block_010 { display: none; float: left; width:990px; } .bors_block_011 { float: left; width:700px; height:394px; } .bors_block_011 img { width:700px; height:394px; } .bors_block_012 { float: left; margin-left: 10px; width: 280px; } .bors_block_012a { border-right: 0 solid #CCCCCC; color: #4E4E4E; float: left; font-family: 'PanAfricanist',sans-serif; font-size: 39px; font-weight: normal; letter-spacing: 0; line-height: 39px; margin-bottom: 5px; margin-top: 0; padding-bottom: 0; padding-right: 0; text-transform: uppercase; width: 280px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(78,78,78,0.3); } .bors_block_012a a { color: #333333; } .bors_block_012b { color: #444444; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 13px; line-height: 17px; margin-bottom: 10px; margin-left: 0; margin-top: 0; text-align: left; width: 280px; } .bors_block_012b a { color: #777777; float: left; text-align: justify; } .bors_block_012c { float: left; width: 280px; } .bors_block_012c001 { float: left; width: 100%; } .bors_block_012c001a { border-bottom: 1px solid #CCCCCC; border-right: 0 solid #CCCCCC; color: #aaa; float: left; font-family: "africanastudiesregular",sans-serif; font-size: 25px; font-weight: normal; letter-spacing: 1px; margin-bottom: 3px; margin-top: 0; padding-bottom: 3px; padding-right: 9px; text-transform: lowercase; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(153,153,153,0.3); } .bors_block_012c002 { } .bors_block_012c002a { border-right: 0 solid #CCCCCC; float: left; height: 123px; margin-left: 0; position: relative; width: 123px; } .bors_block_012c002a001 { display: block; float: left; height: 123px; position: absolute; width: 123px; z-index: 2; } .bors_block_012c:hover .bors_block_012c002a001 { display: block; float: left; height: 123px; opacity: 0.45; filter:alpha(opacity=45); /* For IE8 and earlier */ position: absolute; width: 123px; z-index: 2; } .bors_block_012c002a002 { background: none repeat scroll 0 0 #000000; color: #fff; display: block; float: left; height: 123px; position: absolute; width: 123px; z-index: 1; } .bors_block_012c002a img { height: 123px; width: 123px; } .bors_block_012c002b { color: #777777; float: right; line-height: 14px; margin-left: 10px; margin-top: 0; text-align: left; width: 147px; } .bors_block_012c002b001 { color: #555555; font-style: normal; font-weight: bold; letter-spacing: 0; text-align: justify; text-transform: none; } .bors_block_012c002b002 { color: #777777; text-align: justify; } .bors_block_012c002b003 { } .bors_block_012c002b004 { margin-top: 5px; } .bors_block_012c002b005 { float: left; margin-top: 6px; } .bors_block_012c002b004 .wpaudio-download { display: none; } .bors_block_012c002b004 .wpaudio-container { margin: 5px 0 0 !important; } .bors_block_012c002b004 .wpaudio-container a { float: left !important; } .bors_block_012c002b004 .wpaudio-play { background: none repeat scroll 0 0 transparent !important; border-color: #000000 !important; border-style: solid !important; border-width: 0 !important; height: 15px !important; opacity: 0.35; width: 18px !important; } .bors_block_012c002b004 .wpaudio-slide { display: block !important; float: left !important; width: 120px !important; } .bors_block_012c002b004 .wpaudio-meta { display: none !important; } .bors_block_012c002b004 .wpaudio-bar { margin: 6px 0 0 !important; } .bors_block_012c003 { } .bors_001_control_001 { float: left; margin: 0; width: 150px; -webkit-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; filter:alpha(opacity=0); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .bors_container_002:hover .bors_001_control_001 { -webkit-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; filter:alpha(opacity=100); } .bors_001_control_002 { float: left; margin: 0; width: 100%; -webkit-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; filter:alpha(opacity=100); } .bors_container_002:hover .bors_001_control_002 { -webkit-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; filter:alpha(opacity=100); } .bors_001_control_003 { float: left; margin: 7px 1%; position: absolute; top: 35%; width: 98%; z-index: 9; } .bors_001_control_001a { cursor: pointer; float: left; margin-bottom: 0; margin-right: 0; } .bors_001_control_001a img { cursor: pointer; float: left; height: 63px; margin-right: 0; -webkit-opacity: 0.45; -moz-opacity: 0.45; opacity: 0.45; filter:alpha(opacity=45); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; width: 63px; } .bors_001_control_001a img:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1.0; filter:alpha(opacity=100); } .bors_001_control_001b { float: left; opacity: 0.0; filter:alpha(opacity=0); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; */ } .bors_container_001:hover .bors_001_control_001b { opacity: 1.00; filter:alpha(opacity=100); } .bors_001_control_001b img { cursor: pointer; float: left; height: 150px; margin-right: 0; /* -webkit-opacity: 0.45; -moz-opacity: 0.45; opacity: 0.45; filter:alpha(opacity=45); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; */ width: 150px; } .bors_001_control_001b img:hover { /* -webkit-opacity: 1; -moz-opacity: 1; opacity: 1.0; */ filter:alpha(opacity=100); } .bors_001_control_001c { float: right; opacity: 0.0; filter:alpha(opacity=0); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; */ } .bors_container_001:hover .bors_001_control_001c { opacity: 1.00; filter:alpha(opacity=100); } .bors_001_control_001c img { cursor: pointer; float: left; height: 150px; margin-right: 0; /* -webkit-opacity: 0.45; -moz-opacity: 0.45; opacity: 0.45; filter:alpha(opacity=45); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; */ width: 150px; } .bors_001_control_001c img:hover { /* -webkit-opacity: 1; -moz-opacity: 1; opacity: 1.0; */ filter:alpha(opacity=100); } .bors_001_control_004 { display: block; float: left; margin: 30px 0 0; position: absolute; top: 0; width: 100%; z-index: 100; } .bors_001_control_004a { display: block; margin: 0 auto; position: relative; width: 990px; } .bors_001_control_004a001 { color: #444444; cursor: pointer; display: block; float: left; font-family: Roboto-Bold; font-size: 9.7px; letter-spacing: 0.5px; margin-bottom: 5px; margin-right: 5px; text-align: left; text-transform: uppercase; width: 100%; } .bors_001_control_004a001_current { } .bors_001_control_004a001a { float: left; margin-right: 10px; } .bors_001_control_004a001b { float: left; margin-right: 5px; } .pause_video_001 { cursor: pointer; } bors_motion_001 { height: 394px; width: 700px;; } .bors_001 .rsABlock { position: relative !important; } /* BORS CATEGORY INTRO BOC */ .introduction_box_001 { } .bors_cib_001 { float: left; } .introduction_box_002 { width: 715px; height: 345px; } .bors_cib_002 { float: left; height: 345px; width: 715px; } .bors_cib_001 p { margin-bottom: 0; } .bors_cib_block_001 { margin: 0 auto; padding: 0; opacity: 0; white-space: normal !important; } .bors_cib_block_001 img { width: 100%; height: auto; } /***************************************************** * SELECT BOX *****************************************************/ /* SelectBoxIt container */ .selectboxit-container { position: relative; display: inline-block; vertical-align: top; } .shipping-calculator-form .selectboxit-container { float: right; } /* Styles that apply to all SelectBoxIt elements */ .selectboxit-container * { font: 10.5px Roboto-Condensed,sans-serif; /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; ms-user-select: none; -o-user-select: none; text-transform: uppercase; user-select: none; outline: none; white-space: nowrap; } /* Button */ .selectboxit-container .selectboxit { border-radius: 0 0 0 0; cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } /* Height and Vertical Alignment of Text */ .selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 30px; /* Height of the drop down */ line-height: 30px; /* Vertically positions the drop down text */ display: block; padding: 0 0; } /* Focus pseudo selector */ .selectboxit-container .selectboxit:focus { outline: 0; } /* Disabled Mouse Interaction */ .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default; } /* Button Text */ .selectboxit-text { border-bottom: 1px solid #CCCCCC; color: #777777; float: left; font-family: FuturaStd-Medium,sans-serif; font-size: 13px; height: 25px !important; letter-spacing: 1px; margin-top: 2px; overflow: hidden; text-indent: 0; text-overflow: ellipsis; text-transform: lowercase; } .pagename-bag .selectboxit-text { float: right; margin-right: 60px; } .selectboxit .selectboxit-option-icon-container { margin-left: 0; } /* Options List */ .selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100% !important; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 3px 0 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 0 0 0 0; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Individual options */ .selectboxit-option .selectboxit-option-anchor{ padding: 0 2px; } /* Individual Option Hover Action */ .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; } /* Individual Option Optgroup Header */ .selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */ margin: 0; list-style-type: none; } /* The first Drop Down option */ .selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px; } /* The first Drop Down option optgroup */ .selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; } /* The last Drop Down option */ .selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Drop Down optgroup headers */ .selectboxit-optgroup-header { font-weight: bold; } /* Drop Down optgroup header hover psuedo class */ .selectboxit-optgroup-header:hover { cursor: default; } /* Drop Down down arrow container */ .selectboxit-arrow-container { /* Positions the down arrow */ background: none repeat scroll 0 0 transparent; border: 1px solid #BBBBBB; height: 27px !important; position: absolute; right: 0; width: 27px; } .selectboxit-arrow-container:hover { background: none repeat scroll 0 0 #111111; border: 1px solid #FFFFFF; } /* Drop Down down arrow */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow { /* Horizontally centers the down arrow */ left: 0; margin: 0 auto; position: absolute; right: 0; top: 40%; } /* Drop Down down arrow for jQueryUI and jQuery Mobile */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-container { float: left; } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; } /* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon { background-color: inherit; } /* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; } /* Default Theme ------------- Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme */ .selectboxit-btn { background-color: #FFFFFF; background-image: none; background-repeat: repeat-x; border: 1px solid #FFFFFF; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { color: #333333; background-color: transparent; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus { color: #333333; text-decoration: none; background-position: 0 -15px; } .selectboxit-default-arrow { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #888888; height: 0; width: 0; } .selectboxit-arrow-container:hover .selectboxit-default-arrow { border-top: 7px solid #FFFFFF; } .selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .selectboxit-list .selectboxit-option-anchor { color: #333333; } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { background-color: #333333; background-image: none; background-repeat: repeat-x; color: #FFFFFF; } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; } select { padding: 0 1px; } .archive select { display: none; } .payment_box .selectboxit-container { } .payment_box .selectboxit { max-width: 100px !important; } .stripe_new_card p.form-row-first { float: left !important; margin-right: 35px !important; width: auto !important; } .stripe_new_card p.form-row-last { float: left !important; margin-right: 15px !important; width: auto !important; } #cc-expire-yearSelectBoxIt { margin-left: 20px; width: 75px !important; } .input-text.card-cvc { text-align: center; text-indent: 0; } /***************************************************** * PICKER - RADIO AND CHECKBOXES *****************************************************/ .picker-element { left: -999999px; position: absolute; } .picker { cursor: pointer; margin: 0 0 10px 0; overflow: hidden; } .picker .picker-label { color: #888; display: block; float: left; font-size: 14px; float: left; line-height: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .picker .picker-handle { border: 1px solid #ccc; display: block; float: left; height: 16px; margin: 0 5px 0 0; width: 16px; } @media screen and (min-width: 740px) { .picker:hover .picker-label { color: #555; } .picker:hover .picker-handle { border-color: #aaa; } .picker.picker-radio:hover .picker-flag { background: #ddd; } } .picker.focus .picker-label { color: #555; } .picker.focus .picker-handle { border-color: #aaa; } /* Radio Input */ .picker.picker-radio .picker-handle { border-radius: 0 0 0 0; } .picker.picker-radio .picker-flag { background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 0 0 0; display: block; height: 8px; margin: 4px; width: 8px; } .picker.picker-radio.focus .picker-flag { background: #ddd; } .picker.picker-radio.checked .picker-flag { background: #999; } /* Checkbox Input */ .picker.picker-checkbox .picker-handle { border-radius: 0 0 0 0; } .picker.picker-checkbox .picker-flag { background: #fff; border-radius: 2px; display: block; height: 100%; margin: 0; width: 100%; } /* 'Checked' */ .picker.picker-checkbox.checked .picker-flag { background: #fff url("http://oxosi.com/wp-content/themes/oxosi_003/js/bojs/ben-plum/picker/fs-picker-icon.png") no-repeat center; background-size: 12px 10px; } /* Toggle Input */ .picker.picker-toggle { padding: 20px 0 0; position: relative; } .picker.picker-toggle .picker-toggle-label { color: #999; font-size: 12px; position: absolute; text-transform: uppercase; top: 0; } .picker.picker-toggle .picker-toggle-label.on { left: 0; } .picker.picker-toggle .picker-toggle-label.off { color: #333; right: 0; } .picker.picker-toggle .picker-label { display: none; } .picker.picker-toggle .picker-handle { border-radius: 3px; position: relative; width: 100%; } .picker.picker-toggle .picker-flag { background: #666; border-radius: 2px; display: block; height: 100%; left: 50%; margin: 0; position: absolute; top: 0; width: 50%; -webkit-transition: left 0.1s linear; -moz-transition: left 0.1s linear; -ms-transition: left 0.1s linear; -o-transition: left 0.1s linear; transition: left 0.1s linear; } .picker.picker-toggle.checked .picker-toggle-label.on { color: #333; } .picker.picker-toggle.checked .picker-toggle-label.off { color: #999; } .picker.picker-toggle.checked .picker-flag { background: #666; left: 0; } /* 'Disabled' State */ .picker.disabled .picker-label { color: #ccc; cursor: default; } .picker.disabled .picker-handle { border-color: #eee; cursor: default; } .picker.picker-radio.disabled .picker-flag { background: #fff; } .picker.picker-radio.disabled.checked .picker-flag { background: #eee; } .picker.picker-checkbox.disabled .picker-flag::after { color: #eee; content: ''; } .picker.picker-checkbox.disabled.checked .picker-flag::after { color: #eee; content: '\2714'; } /***************************************************** * SELECT BOX TO BUTTON TOGGLE *****************************************************/ .single-product .boact_button_group .boact_button { background: none repeat scroll 0 0 transparent; border: 0 solid #000000; color: #000000; cursor: pointer; font-family: FuturaStd-Medium; font-size: 15px; line-height: 15px; margin-bottom: 5px; margin-right: 3px; padding: 10px 10px 7px; } .single-product .boact_button_group .boact_button { /* not visible in Firebug */ border: 1px solid transparent; border-radius: 0 0 0 0; box-shadow: none; text-shadow: none; } .single-product .boact_button_group .boact_button:hover { background: none repeat scroll 0 0 #000000; border: 1px solid #000000; color: #FFFFFF; } .single-product .boact_button_group .active { border: 1px solid #000000; } /* color variations */ /* black */ .single-product .boact_button_group .boact_button[data-value="black"] { background: none repeat scroll 0 0 #000000; border: 0 solid; height: 35px; text-indent: -9999px; white-space: nowrap; width: 35px; } .single-product .boact_button_group .boact_button[data-value="black"]:hover { } .single-product .boact_button_group .active[data-value="black"] { background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/color_variation_x.png") no-repeat scroll center center #000000; background-size: 30px 30px; } /* red */ .single-product .boact_button_group .boact_button[data-value="red"] { background: none repeat scroll 0 0 #cc0000; border: 0 solid; height: 35px; text-indent: -9999px; white-space: nowrap; width: 35px; } .single-product .boact_button_group .boact_button[data-value="red"]:hover { } .single-product .boact_button_group .active[data-value="red"] { background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/color_variation_x.png") no-repeat scroll center center #cc0000; background-size: 30px 30px; } /* blue */ .single-product .boact_button_group .boact_button[data-value="blue"] { background: none repeat scroll 0 0 #0000cc; border: 0 solid; height: 35px; text-indent: -9999px; white-space: nowrap; width: 35px; } .single-product .boact_button_group .boact_button[data-value="blue"]:hover { } .single-product .boact_button_group .active[data-value="blue"] { background: url("http://oxosi.com/wp-content/themes/oxosi_003/images/color_variation_x.png") no-repeat scroll center center #0000cc; background-size: 30px 30px; } /***************************************************** * SHOP (WOOCOMMERCE) *****************************************************/ .clear { clear: both; } .nobr { white-space: nowrap; } @font-face { font-family: "star"; font-style: normal; font-weight: normal; src: url("http://oxosi.com/fonts/shop/star.eot#iefix") format("embedded-opentype"), url("http://oxosi.com/fonts/shop/star.woff") format("woff"), url("http://oxosi.com/fonts/shop/star.ttf") format("truetype"), url("http://oxosi.com/fonts/shop/star.svg#star") format("svg"); } .woocommerce-message, .woocommerce-error, .woocommerce-info { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0 0 0 0; box-shadow: none; color: #656565; float: none; font-family: FuturaStd-Book; font-size: 15px; letter-spacing: 0; list-style: none outside none; margin: 0 auto; max-width: 990px; padding: 2% 0; position: relative; text-align: left; text-shadow: none; text-transform: none; width: auto; } .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after { clear: both; content: ""; display: block; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { float: right; position: relative; right: 0; } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { list-style: none outside none; margin-bottom: 10px; margin-left: 0; padding-left: 0; float: left; text-align: left; width: 100%; } .woocommerce-message strong, .woocommerce-error strong, .woocommerce-info strong { font-weight: normal; } .woocommerce-message { border: 1px solid transparent; } .woocommerce-message:before { } .woocommerce-info { border: 0 solid transparent; margin-bottom: 25px; padding: 0; text-transform: lowercase; } .archive .woocommerce-info { float: left; margin-top: 20px; max-width: 100%; width: 100%; } .showcoupon { border: 1px solid #CCCCCC; color: #777777; font-size: 12px; padding: 12px; text-decoration: none; } .showcoupon:hover { background: #111111; border: 1px solid #111111; color: #FFFFFF; font-size: 12px; padding: 12px; text-decoration: none; } .woocommerce-info:before { } .woocommerce-error { border: 0 none; color: #FF0000; } .woocommerce-error:before { } p.demo_store { background: -moz-linear-gradient(center top , #AD74A2 0px, #96588A 100%) repeat scroll 0 0 transparent; border: 1px solid #96588A; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) inset; color: #FFFFFF; font-size: 1em; left: 0; margin: 0; padding: 0.5em 0; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 99998; } .admin-bar p.demo_store { top: 28px; } .oxosi_shop small.note, .woocommerce-page small.note { color: #777777; display: block; font-size: 11px; line-height: 21px; margin-top: 10px; } .oxosi_shop .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { color: #777777; font-size: 0.92em; margin: 0 0 1em; padding: 0; } .oxosi_shop .woocommerce-breadcrumb:after, .woocommerce-page .woocommerce-breadcrumb:after { clear: both; content: ""; display: block; } .oxosi_shop .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a { color: #111111; text-decoration: none; } .checkout h3 { color: #777777; font-family: FuturaStd-Medium; margin-bottom: 15px; margin-top: 15px; padding-bottom: 4px; text-transform: lowercase; } .col-1 h3, .col-2 h3 { border-bottom: 1px solid #DDDDDD; float: left; } #order_review_heading { margin-bottom: 10px; margin-top: 25px; } .oxosi_shop .col2-set, .woocommerce-page .col2-set { width: 100%; } .oxosi_shop .col2-set:after, .woocommerce-page .col2-set:after { clear: both; content: ""; display: block; } .oxosi_shop .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .oxosi_shop .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .oxosi_shop div.product, .woocommerce-page div.product, .oxosi_shop #content div.product, .woocommerce-page #content div.product { margin-bottom: 0; position: relative; } .oxosi_shop div.product .product_title, .woocommerce-page div.product .product_title, .oxosi_shop #content div.product .product_title, .woocommerce-page #content div.product .product_title { clear: none; margin: 0 auto; padding: 0; } .oxosi_shop div.product span.price ins, .woocommerce-page div.product span.price ins, .oxosi_shop #content div.product span.price ins, .woocommerce-page #content div.product span.price ins, .oxosi_shop div.product p.price ins, .woocommerce-page div.product p.price ins, .oxosi_shop #content div.product p.price ins, .woocommerce-page #content div.product p.price ins { background: inherit; } .oxosi_shop div.product span.price del, .woocommerce-page div.product span.price del, .oxosi_shop #content div.product span.price del, .woocommerce-page #content div.product span.price del, .oxosi_shop div.product p.price del, .woocommerce-page div.product p.price del, .oxosi_shop #content div.product p.price del, .woocommerce-page #content div.product p.price del { color: rgba(145, 145, 145, 0.5); font-size: 0.67em; } .oxosi_shop div.product p.stock, .woocommerce-page div.product p.stock, .oxosi_shop #content div.product p.stock, .woocommerce-page #content div.product p.stock { border-bottom: 1px solid #CCCCCC; color: #333333; font-family: FuturaStd-Medium; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; margin-left: 5%; margin-top: 5px; padding-bottom: 5px; text-align: left; text-transform: uppercase; width: auto; } .oxosi_shop div.product .stock, .woocommerce-page div.product .stock, .oxosi_shop #content div.product .stock, .woocommerce-page #content div.product .stock { color: #85AD74; } .oxosi_shop div.product .out-of-stock, .woocommerce-page div.product .out-of-stock, .oxosi_shop #content div.product .out-of-stock, .woocommerce-page #content div.product .out-of-stock { color: red; } .oxosi_shop div.product div.images, .woocommerce-page div.product div.images, .oxosi_shop #content div.product div.images, .woocommerce-page #content div.product div.images { float: left; margin-bottom: 2em; width: 48%; } .oxosi_shop div.product div.images img, .woocommerce-page div.product div.images img, .oxosi_shop #content div.product div.images img, .woocommerce-page #content div.product div.images img { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); display: block; height: auto; transition: all 0.2s ease-in-out 0s; width: 100%; } .oxosi_shop div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails, .oxosi_shop #content div.product div.images div.thumbnails, .woocommerce-page #content div.product div.images div.thumbnails { padding-top: 1em; } .oxosi_shop div.product div.images div.thumbnails:after, .woocommerce-page div.product div.images div.thumbnails:after, .oxosi_shop #content div.product div.images div.thumbnails:after, .woocommerce-page #content div.product div.images div.thumbnails:after { clear: both; content: ""; display: block; } .oxosi_shop div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .oxosi_shop #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a { float: left; margin-right: 3.8%; width: 30.75%; } .oxosi_shop div.product div.images div.thumbnails a.last, .woocommerce-page div.product div.images div.thumbnails a.last, .oxosi_shop #content div.product div.images div.thumbnails a.last, .woocommerce-page #content div.product div.images div.thumbnails a.last { margin-right: 0; } .oxosi_shop div.product div.images div.thumbnails a.first, .woocommerce-page div.product div.images div.thumbnails a.first, .oxosi_shop #content div.product div.images div.thumbnails a.first, .woocommerce-page #content div.product div.images div.thumbnails a.first { clear: both; } .oxosi_shop div.product div.summary, .woocommerce-page div.product div.summary, .oxosi_shop #content div.product div.summary, .woocommerce-page #content div.product div.summary { float: right; margin-bottom: 2em; width: 48%; } .oxosi_shop div.product div.social, .woocommerce-page div.product div.social, .oxosi_shop #content div.product div.social, .woocommerce-page #content div.product div.social { margin: 0 0 1em; text-align: right; } .oxosi_shop div.product div.social span, .woocommerce-page div.product div.social span, .oxosi_shop #content div.product div.social span, .woocommerce-page #content div.product div.social span { margin: 0 0 0 2px; } .oxosi_shop div.product div.social span span, .woocommerce-page div.product div.social span span, .oxosi_shop #content div.product div.social span span, .woocommerce-page #content div.product div.social span span { margin: 0; } .oxosi_shop div.product div.social span .stButton .chicklets, .woocommerce-page div.product div.social span .stButton .chicklets, .oxosi_shop #content div.product div.social span .stButton .chicklets, .woocommerce-page #content div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } .oxosi_shop div.product div.social iframe, .woocommerce-page div.product div.social iframe, .oxosi_shop #content div.product div.social iframe, .woocommerce-page #content div.product div.social iframe { float: left; margin-top: 3px; } .oxosi_shop div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .oxosi_shop #content div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs { clear: both; } .oxosi_shop div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { list-style: none outside none; margin: 0 0 1.618em; overflow: hidden; padding: 0 0 0 1em; position: relative; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: -moz-linear-gradient(center top , #F7F6F7 0px, #E0DADF 100%) repeat scroll 0 0 transparent; border: 1px solid #E0DADF; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.6) inset; display: inline-block; margin: 0 -5px; padding: 0 1em; position: relative; z-index: 0; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { color: #5E5E5E; display: inline-block; font-weight: bold; padding: 0.5em 0; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .oxosi_shop div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover { color: #777777; text-decoration: none; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { background: none repeat scroll 0 0 #FFFFFF; border-bottom-color: #FFFFFF; z-index: 2; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #FFFFFF; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #FFFFFF; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .oxosi_shop div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { border: 1px solid #E0DADF; bottom: -1px; content: " "; height: 5px; position: absolute; width: 5px; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before { border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #E0DADF; left: -6px; } .oxosi_shop div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #E0DADF; right: -6px; } .oxosi_shop div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .oxosi_shop #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #E0DADF; bottom: 0; content: " "; left: 0; position: absolute; width: 100%; z-index: 1; } .oxosi_shop div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .oxosi_shop #content div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .oxosi_shop div.product p.cart, .woocommerce-page div.product p.cart, .oxosi_shop #content div.product p.cart, .woocommerce-page #content div.product p.cart { margin-bottom: 2em; } .oxosi_shop div.product p.cart:after, .woocommerce-page div.product p.cart:after, .oxosi_shop #content div.product p.cart:after, .woocommerce-page #content div.product p.cart:after { clear: both; content: ""; display: block; } .oxosi_shop div.product form.cart, .woocommerce-page div.product form.cart, .oxosi_shop #content div.product form.cart, .woocommerce-page #content div.product form.cart { margin-bottom: 2em; } .oxosi_shop div.product form.cart:after, .woocommerce-page div.product form.cart:after, .oxosi_shop #content div.product form.cart:after, .woocommerce-page #content div.product form.cart:after { clear: both; content: ""; display: block; } .quantity_container_001 { float: left; margin: 15px auto 20px 5%; text-align: center; width: 95%; } .oxosi_shop div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .oxosi_shop #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity { float: left; margin: 0 auto; text-align: left; width: 135px; } .variations { margin-left: 5%; margin-top: 5%; width: 95%; } .oxosi_shop div.product form.cart table, .woocommerce-page div.product form.cart table, .oxosi_shop #content div.product form.cart table, .woocommerce-page #content div.product form.cart table { border-width: 0 0 1px; } .oxosi_shop div.product form.cart table td, .woocommerce-page div.product form.cart table td, .oxosi_shop #content div.product form.cart table td, .woocommerce-page #content div.product form.cart table td { padding-left: 0; } .oxosi_shop div.product form.cart table div.quantity, .woocommerce-page div.product form.cart table div.quantity, .oxosi_shop #content div.product form.cart table div.quantity, .woocommerce-page #content div.product form.cart table div.quantity { float: none; margin: 0; } .oxosi_shop div.product form.cart table small.stock, .woocommerce-page div.product form.cart table small.stock, .oxosi_shop #content div.product form.cart table small.stock, .woocommerce-page #content div.product form.cart table small.stock { display: block; float: none; } .oxosi_shop div.product form.cart .variations, .woocommerce-page div.product form.cart .variations, .oxosi_shop #content div.product form.cart .variations, .woocommerce-page #content div.product form.cart .variations { margin-bottom: 0; } .variations tr { float: left; margin-bottom: 5px; margin-right: 0; width: 100%; } .oxosi_shop div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label, .oxosi_shop #content div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label { border: 1px solid #BBBBBB; float: left; font-family: FuturaStd-Book; font-size: 12px; font-weight: normal; letter-spacing: 0.5px; margin-right: 15px; padding: 7px; text-align: center; text-transform: lowercase; width: auto; } .oxosi_shop div.product form.cart .variations select, .woocommerce-page div.product form.cart .variations select, .oxosi_shop #content div.product form.cart .variations select, .woocommerce-page #content div.product form.cart .variations select { float: left; width: 100%; } .oxosi_shop div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label, .oxosi_shop #content div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label { float: left; padding-bottom: 10px; padding-right: 0; text-align: center; width: auto; } .oxosi_shop div.product form.cart .variations td, .woocommerce-page div.product form.cart .variations td, .oxosi_shop #content div.product form.cart .variations td, .woocommerce-page #content div.product form.cart .variations td { float: left; text-align: center; vertical-align: top; width: auto; } .reset_variations { display: none; } .oxosi_shop div.product form.cart .group_table td.label, .woocommerce-page div.product form.cart .group_table td.label, .oxosi_shop #content div.product form.cart .group_table td.label, .woocommerce-page #content div.product form.cart .group_table td.label { padding-left: 1em; padding-right: 1em; } .oxosi_shop div.product form.cart .group_table td, .woocommerce-page div.product form.cart .group_table td, .oxosi_shop #content div.product form.cart .group_table td, .woocommerce-page #content div.product form.cart .group_table td { vertical-align: top; } .oxosi_shop span.onsale, .woocommerce-page span.onsale { background: -moz-linear-gradient(center top , #A2C094 0px, #85AD74 100%) repeat scroll 0 0 transparent; border-radius: 20px 20px 20px 20px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2); color: #FFFFFF; font-size: 12px; font-weight: bold; left: 6px; line-height: 32px; margin: 0; min-height: 32px; min-width: 32px; padding: 4px; position: absolute; text-align: center; text-shadow: 0 -1px 0 #85AD74; top: 6px; } .oxosi_shop .products ul, .woocommerce-page .products ul, .oxosi_shop ul.products, .woocommerce-page ul.products { clear: both; list-style: none outside none; margin: 0 0 1em; padding: 0; } .oxosi_shop .products ul:after, .woocommerce-page .products ul:after, .oxosi_shop ul.products:after, .woocommerce-page ul.products:after { clear: both; content: ""; display: block; } .oxosi_shop .products ul li, .woocommerce-page .products ul li, .oxosi_shop ul.products li, .woocommerce-page ul.products li { list-style: none outside none; } .oxosi_shop .related:after, .woocommerce-page .related:after, .oxosi_shop .upsells.products:after, .woocommerce-page .upsells.products:after { clear: both; content: ""; display: block; } .related_products_title_001 { border-bottom: 1px solid #555555; padding-bottom: 7px; } .oxosi_shop .related ul.products, .woocommerce-page .related ul.products, .oxosi_shop .upsells.products ul.products, .woocommerce-page .upsells.products ul.products, .oxosi_shop .related ul, .woocommerce-page .related ul, .oxosi_shop .upsells.products ul, .woocommerce-page .upsells.products ul { float: none; } .oxosi_shop .related ul.products li.product, .woocommerce-page .related ul.products li.product, .oxosi_shop .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .oxosi_shop .related ul li.product, .woocommerce-page .related ul li.product, .oxosi_shop .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product { width: 48%; } .oxosi_shop .related ul.products li.product img, .woocommerce-page .related ul.products li.product img, .oxosi_shop .upsells.products ul.products li.product img, .woocommerce-page .upsells.products ul.products li.product img, .oxosi_shop .related ul li.product img, .woocommerce-page .related ul li.product img, .oxosi_shop .upsells.products ul li.product img, .woocommerce-page .upsells.products ul li.product img { height: auto; width: 100%; } .oxosi_shop ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%; } .oxosi_shop ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { left: auto; margin: -6px -6px 0 0; right: 0; top: 0; } .oxosi_shop ul.products li.product h3, .woocommerce-page ul.products li.product h3 { font-size: 1em; margin: 0; padding: 0.5em 0; } .oxosi_shop ul.products li.product a, .woocommerce-page ul.products li.product a { text-decoration: none; } .oxosi_shop ul.products li.product a img, .woocommerce-page ul.products li.product a img { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); display: block; height: auto; margin: 0 0 8px; transition: all 0.2s ease-in-out 0s; width: 100%; } .oxosi_shop ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); } .oxosi_shop ul.products li.product strong, .woocommerce-page ul.products li.product strong { display: block; } .oxosi_shop ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: #85AD74; display: block; font-weight: normal; margin-bottom: 0.5em; } .oxosi_shop ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { color: rgba(145, 145, 145, 0.5); font-size: 0.67em; margin: -2px 0 0; } .oxosi_shop ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins { background: none repeat scroll 0 center transparent; } .oxosi_shop ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from { color: rgba(145, 145, 145, 0.5); font-size: 0.67em; margin: -2px 0 0; text-transform: uppercase; } .oxosi_shop ul.products li.first, .woocommerce-page ul.products li.first { clear: both; } .oxosi_shop ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; } .oxosi_shop .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { border: 1px solid #DDDDDD; color: #777777; float: right; font-family: FuturaStd-Medium; font-size: 12px; font-weight: normal; letter-spacing: 1px; line-height: 11px; margin: 0 10px 0 0; padding: 11px 9px 8px; text-transform: lowercase; } .oxosi_shop .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; margin: 0 9px 0 0; } .oxosi_shop .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { vertical-align: top; } .woocommerce-pagination { float: left; margin: 0 auto; width: 100%; } .woocommerce-pagination ul { border: 0 none; float: right; list-style: none outside none; margin: 0 auto; text-align: center; } .woocommerce .page-numbers li { margin: 0 3px; } .page-numbers.current { background: none repeat scroll 0 0 #111111; border: 1px solid #111111; color: #FFFFFF; } .woocommerce-pagination ul:hover { background: none repeat scroll 0 0 transparent !important; border: 0 none !important; color: #777777 !important; } .page-numbers li { float: left; } .add_to_bag_container_001 { float: left; height: auto; margin-left: 5%; width: 95%; } .add_to_bag_container_001a { float: left; height: auto; margin: 0 auto; width: 150px; } .oxosi_shop a.button, .woocommerce-page a.button, .oxosi_shop button.button, .woocommerce-page button.button, .oxosi_shop input.button, .woocommerce-page input.button, .oxosi_shop #respond input#submit, .woocommerce-page #respond input#submit, .oxosi_shop #content input.button, .woocommerce-page #content input.button { background: none repeat scroll 0 0 #000000; border: 0 solid #000000; border-radius: 0 0 0 0; box-shadow: none; color: #FFFFFF; cursor: pointer; font-family: FuturaStd-Book; font-size: 12px; height: auto; letter-spacing: 1px; line-height: 1; margin: 0; padding: 13px 13px 10px; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; width: auto; /* crossbrowser */ -khtml-border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: none; /* Corrects inability to style clickable 'input' types in iOS */ } .widget_shopping_cart_content .button, .panel_002 .button { background: none repeat scroll 0 0 transparent !important; border: 1px solid #DDDDDD !important; color: #333333 !important; font-size: 10px !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(51,51,51,0.6); } .widget_shopping_cart_content .button:hover, .panel_002 .button:hover { background: none repeat scroll 0 0 #111111 !important; border: 1px solid #111111 !important; color: #FFFFFF !important; font-size: 10px !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(255,255,255,0.6); } .woocommerce-message .button { background: none repeat scroll 0 0 transparent !important; border: 1px solid #BBBBBB !important; color: #555555 !important; margin-top: -10px !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(85,85,85,0.6); } .woocommerce-message .button:hover { background: none repeat scroll 0 0 #111111 !important; border: 1px solid #111111 !important; color: #FFFFFF !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(85,85,85,0.6); } .checkout_coupon .button, .shop_table .button { background: none repeat scroll 0 0 transparent !important; border: 1px solid #CCCCCC !important; color: #555555 !important; margin-left: 10px !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(85,85,85,0.6); } .checkout_coupon .button:hover, .shop_table .button:hover { background: none repeat scroll 0 0 #111111 !important; border: 1px solid #111111 !important; color: #FFFFFF !important; margin-left: 10px !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(255,255,255,0.6); } .shop_table .checkout-button { background: none repeat scroll 0 0 #000000 !important; border: 1px solid #000000 !important; color: #FFFFFF !important; } .payment_box .button { background: none repeat scroll 0 0 transparent !important; border: 1px solid #CCCCCC !important; color: #333333 !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(51,51,51,0.6); } .payment_box .button:hover { background: none repeat scroll 0 0 #111111 !important; border: 1px solid #111111 !important; color: #FFFFFF !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(255,255,255,0.6); } .single_add_to_cart_button.button.alt { padding: 10%; width: 100%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.6px; -webkit-text-stroke-color: rgba(255,255,255,0.7); } .oxosi_shop a.button.loading, .woocommerce-page a.button.loading, .oxosi_shop button.button.loading, .woocommerce-page button.button.loading, .oxosi_shop input.button.loading, .woocommerce-page input.button.loading, .oxosi_shop #respond input#submit.loading, .woocommerce-page #respond input#submit.loading, .oxosi_shop #content input.button.loading, .woocommerce-page #content input.button.loading { border: 0 solid #F7F6F7; color: #777777; } .oxosi_shop a.button.loading:before, .woocommerce-page a.button.loading:before, .oxosi_shop button.button.loading:before, .woocommerce-page button.button.loading:before, .oxosi_shop input.button.loading:before, .woocommerce-page input.button.loading:before, .oxosi_shop #respond input#submit.loading:before, .woocommerce-page #respond input#submit.loading:before, .oxosi_shop #content input.button.loading:before, .woocommerce-page #content input.button.loading:before { background: url("http://oxosi.com/images/shop/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .oxosi_shop a.button.added:before, .woocommerce-page a.button.added:before, .oxosi_shop button.button.added:before, .woocommerce-page button.button.added:before, .oxosi_shop input.button.added:before, .woocommerce-page input.button.added:before, .oxosi_shop #respond input#submit.added:before, .woocommerce-page #respond input#submit.added:before, .oxosi_shop #content input.button.added:before, .woocommerce-page #content input.button.added:before { background: url("http://oxosi.com/images/shop/success.png") no-repeat scroll 0 0 transparent; content: ""; height: 16px; position: absolute; right: -26px; text-indent: 0; top: 0.35em; width: 16px; } .oxosi_shop .quantity, .woocommerce-page .quantity, .oxosi_shop #content .quantity, .woocommerce-page #content .quantity { margin: 0 auto; overflow: hidden; position: relative; width: 60px; } .oxosi_shop .quantity input.qty, .woocommerce-page .quantity input.qty, .oxosi_shop #content .quantity input.qty, .woocommerce-page #content .quantity input.qty { border-color: #BBBBBB; border-image: none; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; box-shadow: none; float: left; font-family: Helvetica; font-size: 15px; font-weight: normal; height: 28px; margin: 0; padding: 0; text-align: center; width: 40px; } .oxosi_shop .quantity .plus, .woocommerce-page .quantity .plus, .oxosi_shop #content .quantity .plus, .woocommerce-page #content .quantity .plus, .oxosi_shop .quantity .minus, .woocommerce-page .quantity .minus, .oxosi_shop #content .quantity .minus, .woocommerce-page #content .quantity .minus { background: none repeat scroll 0 0 #CCCCCC; border: 1px solid #CCCCCC; border-radius: 0 0 0 0; box-shadow: none; color: #FFFFFF; cursor: pointer; display: block; font-family: serif; font-size: 31px; font-weight: normal; height: 30px; line-height: 15px; margin: 0; overflow: visible; padding: 0; position: relative; text-align: center; text-decoration: none; text-shadow: none; vertical-align: text-top; width: 30px; } .oxosi_shop .quantity .plus:hover, .woocommerce-page .quantity .plus:hover, .oxosi_shop #content .quantity .plus:hover, .woocommerce-page #content .quantity .plus:hover, .oxosi_shop .quantity .minus:hover, .woocommerce-page .quantity .minus:hover, .oxosi_shop #content .quantity .minus:hover, .woocommerce-page #content .quantity .minus:hover { background: none repeat scroll 0 0 #000000; border: 1px solid #000000; color: #FFFFFF; } .oxosi_shop .quantity .plus, .woocommerce-page .quantity .plus, .oxosi_shop #content .quantity .plus, .woocommerce-page #content .quantity .plus { float: left; font-size: 21px; margin-left: 5px; } .oxosi_shop .quantity .minus, .woocommerce-page .quantity .minus, .oxosi_shop #content .quantity .minus, .woocommerce-page #content .quantity .minus { float: left; font-size: 27px; margin-right: 5px; } .fund_it_button_001 { border: 1px solid #CCCCCC; color: #555555; float: left; font-family: FuturaStd-Medium; font-size: 12px; letter-spacing: 1px; margin-left: 7px; padding: 13.7px; text-align: center; text-transform: uppercase; width: 100px; } .fund_it_button_001:hover { background: #111111; border: 1px solid #111111; color: #FFFFFF; } .oxosi_shop #reviews h2 small, .woocommerce-page #reviews h2 small { color: #777777; float: right; font-size: 15px; line-height: 21px; margin: 10px 0 0; } .oxosi_shop #reviews h2 small a, .woocommerce-page #reviews h2 small a { color: #777777; text-decoration: none; } .oxosi_shop #reviews h3, .woocommerce-page #reviews h3 { margin: 0; } .oxosi_shop #reviews #respond, .woocommerce-page #reviews #respond { border: 0 none; margin: 0; padding: 0; } .oxosi_shop #reviews #comment, .woocommerce-page #reviews #comment { height: 75px; } .oxosi_shop #reviews #comments .add_review:after, .woocommerce-page #reviews #comments .add_review:after { clear: both; content: ""; display: block; } .oxosi_shop #reviews #comments h2, .woocommerce-page #reviews #comments h2 { clear: none; } .oxosi_shop #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist { background: none repeat scroll 0 center transparent; list-style: none outside none; margin: 0; width: 100%; } .oxosi_shop #reviews #comments ol.commentlist:after, .woocommerce-page #reviews #comments ol.commentlist:after { clear: both; content: ""; display: block; } .oxosi_shop #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li { background: none repeat scroll 0 center transparent; border: 0 none; margin: 0 0 20px; padding: 0; position: relative; } .oxosi_shop #reviews #comments ol.commentlist li .meta, .woocommerce-page #reviews #comments ol.commentlist li .meta { color: #777777; font-size: 0.75em; } .oxosi_shop #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { background: none repeat scroll 0 0 #F7F6F7; border: 1px solid #F0EEF0; float: left; height: auto; left: 0; line-height: 1; margin: 0; padding: 3px; position: absolute; top: 0; width: 32px; } .oxosi_shop #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border: 1px solid #F0EEF0; border-radius: 4px 4px 4px 4px; margin: 0 0 0 50px; padding: 1em 1em 0; } .oxosi_shop #reviews #comments ol.commentlist li .comment-text p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } .oxosi_shop #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 0.83em; } .oxosi_shop #reviews #comments .commentlist > li:before, .woocommerce-page #reviews #comments .commentlist > li:before { content: ""; } .oxosi_shop .star-rating, .woocommerce-page .star-rating { float: right; font-family: 'star'; font-size: 1em; height: 1em; line-height: 1em; overflow: hidden; position: relative; width: 5.4em; } .oxosi_shop .star-rating:before, .woocommerce-page .star-rating:before { color: #E0DADF; content: "sssss"; float: left; left: 0; position: absolute; top: 0; } .oxosi_shop .star-rating span, .woocommerce-page .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .oxosi_shop .star-rating span:before, .woocommerce-page .star-rating span:before { content: "SSSSS"; left: 0; position: absolute; top: 0; } .oxosi_shop .products .star-rating, .woocommerce-page .products .star-rating { display: block; float: none; margin: 0 0 0.5em; } .oxosi_shop .hreview-aggregate .star-rating, .woocommerce-page .hreview-aggregate .star-rating { margin: 10px 0 0; } .oxosi_shop #review_form #respond, .woocommerce-page #review_form #respond { background: none repeat scroll 0 0 transparent; border: 0 none; margin: 0; padding: 0; position: static; width: auto; } .oxosi_shop #review_form #respond:after, .woocommerce-page #review_form #respond:after { clear: both; content: ""; display: block; } .oxosi_shop #review_form #respond p, .woocommerce-page #review_form #respond p { margin: 0 0 10px; } .oxosi_shop #review_form #respond .form-submit input, .woocommerce-page #review_form #respond .form-submit input { left: auto; } .oxosi_shop #review_form #respond textarea, .woocommerce-page #review_form #respond textarea { -moz-box-sizing: border-box; width: 100%; } .oxosi_shop p.stars:after, .woocommerce-page p.stars:after { clear: both; content: ""; display: block; } .oxosi_shop p.stars span, .woocommerce-page p.stars span { background: url("http://oxosi.com/images/shop/star.png") repeat-x scroll left 0 transparent; float: left; height: 16px; position: relative; width: 80px; } .oxosi_shop p.stars span a, .woocommerce-page p.stars span a { float: left; height: 0; left: 0; overflow: hidden; padding-top: 16px; position: absolute; top: 0; width: 16px; } .oxosi_shop p.stars span a:hover, .woocommerce-page p.stars span a:hover, .oxosi_shop p.stars span a:focus, .woocommerce-page p.stars span a:focus { background: url("http://oxosi.com/images/shop/star.png") repeat-x scroll left -16px transparent; } .oxosi_shop p.stars span a.active, .woocommerce-page p.stars span a.active { background: url("http://oxosi.com/images/shop/star.png") repeat-x scroll left -32px transparent; } .oxosi_shop p.stars span a.star-1, .woocommerce-page p.stars span a.star-1 { width: 16px; z-index: 10; } .oxosi_shop p.stars span a.star-2, .woocommerce-page p.stars span a.star-2 { width: 32px; z-index: 9; } .oxosi_shop p.stars span a.star-3, .woocommerce-page p.stars span a.star-3 { width: 48px; z-index: 8; } .oxosi_shop p.stars span a.star-4, .woocommerce-page p.stars span a.star-4 { width: 64px; z-index: 7; } .oxosi_shop p.stars span a.star-5, .woocommerce-page p.stars span a.star-5 { width: 80px; z-index: 6; } .oxosi_shop table.shop_attributes, .woocommerce-page table.shop_attributes { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(0, 0, 0, 0.1) -moz-use-text-color -moz-use-text-color; border-image: none; border-right: 0 none; border-style: dotted none none; border-width: 1px 0 0; margin-bottom: 1.618em; width: 100%; } .oxosi_shop table.shop_attributes th, .woocommerce-page table.shop_attributes th { border-bottom: 1px dotted rgba(0, 0, 0, 0.1); border-top: 0 none; font-weight: bold; line-height: 1.5em; margin: 0; padding: 8px; width: 150px; } .oxosi_shop table.shop_attributes td, .woocommerce-page table.shop_attributes td { border-bottom: 1px dotted rgba(0, 0, 0, 0.1); border-top: 0 none; font-style: italic; line-height: 1.5em; margin: 0; padding: 0; } .oxosi_shop table.shop_attributes td p, .woocommerce-page table.shop_attributes td p { margin: 0; padding: 8px 0; } .oxosi_shop table.shop_attributes .alt td, .woocommerce-page table.shop_attributes .alt td, .oxosi_shop table.shop_attributes .alt th, .woocommerce-page table.shop_attributes .alt th { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.024); } .oxosi_shop table.shop_table, .woocommerce-page table.shop_table { border: 0 solid #CCCCCC; border-collapse: separate; border-radius: 0 0 0 0; margin: 0 -1px 24px 0; text-align: left; width: 100%; } .oxosi_shop table.shop_table th, .woocommerce-page table.shop_table th { color: #555555; font-family: FuturaStd-Medium; font-size: 15px; font-weight: normal !important; letter-spacing: 0; line-height: 18px; padding: 9px 12px 9px 0; text-transform: lowercase; vertical-align: middle; } .product-quantity { font-weight: normal; } .cart-subtotal .amount { font-family: Roboto-Condensed; font-weight: normal; } .shipping td { font-size: 15px; font-weight: normal !important; text-transform: lowercase; } .total .amount { font-family: Roboto-Condensed; font-weight: normal; } .oxosi_shop table.shop_table .product-total, .woocommerce-page table.shop_table .product-total { border-top: 1px solid #CCCCCC; font-family: Roboto-Condensed; font-weight: normal; padding: 15px 12px 15px 0; text-transform: lowercase; vertical-align: middle; } .cart-subtotal, .cart-subtotal strong { font-weight: normal; } .total strong { font-size: 18px; font-weight: normal; line-height: 25px; } .oxosi_shop table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid #CCCCCC; padding: 15px 12px 15px 0; vertical-align: middle; } .oxosi_shop table.shop_table td small, .woocommerce-page table.shop_table td small { font-weight: normal; } .oxosi_shop table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td, .oxosi_shop table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th { border-top: 1px solid rgba(0, 0, 0, 0.1); font-weight: bold; } .oxosi_shop table.my_account_orders, .woocommerce-page table.my_account_orders { font-size: 0.85em; } .oxosi_shop table.my_account_orders th, .woocommerce-page table.my_account_orders th, .oxosi_shop table.my_account_orders td, .woocommerce-page table.my_account_orders td { padding: 30px 8px; vertical-align: middle; } .oxosi_shop table.my_account_orders .button, .woocommerce-page table.my_account_orders .button { white-space: nowrap; } .oxosi_shop table.my_account_orders .order-actions, .woocommerce-page table.my_account_orders .order-actions { text-align: right; } .oxosi_shop table.my_account_orders .order-actions .button, .woocommerce-page table.my_account_orders .order-actions .button { margin: 0.125em 0 0.125em 0.25em; } .order-number a { border-bottom: 0 solid #BBBBBB; color: #777777; font-family: Helvetica; font-size: 21px; padding: 8px 15px 7px 0; text-decoration: none; } #order_review .product-name { font-family: FuturaStd-Medium; font-weight: normal; text-transform: lowercase; } .oxosi_shop td.product-name dl.variation, .woocommerce-page td.product-name dl.variation { color: #777777; font-family: Helvetica; font-size: 12px; font-weight: normal; letter-spacing: 0; line-height: 16px; margin: 2px 0 0.5em; text-transform: lowercase; } .oxosi_shop td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt { clear: left; float: left; font-weight: normal; margin: 0 0.25em 0 0; padding: 0; } .oxosi_shop td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd { margin: 0 0 1px; } .oxosi_shop td.product-name p.backorder_notification, .woocommerce-page td.product-name p.backorder_notification { font-size: 0.83em; } .oxosi_shop td.product-quantity, .woocommerce-page td.product-quantity { min-width: 80px; } .oxosi_shop table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .oxosi_shop #content table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { min-width: 32px; } .oxosi_shop table.cart img, .woocommerce-page table.cart img, .oxosi_shop #content table.cart img, .woocommerce-page #content table.cart img { height: auto; width: 100px; } .oxosi_shop table.cart th, .woocommerce-page table.cart th, .oxosi_shop #content table.cart th, .woocommerce-page #content table.cart th, .oxosi_shop table.cart td, .woocommerce-page table.cart td, .oxosi_shop #content table.cart td, .woocommerce-page #content table.cart td { font-family: FuturaStd-Medium; font-weight: normal; letter-spacing: 1px; vertical-align: middle; } .oxosi_shop table.cart a.remove, .woocommerce-page table.cart a.remove, .oxosi_shop #content table.cart a.remove, .woocommerce-page #content table.cart a.remove { border-radius: 100% 100% 100% 100%; color: #000000; display: block; font-family: FuturaStd-Medium; font-size: 25px; font-weight: normal; height: 25px; line-height: 23px; text-align: center; text-decoration: none; text-indent: 1px; width: 25px; } .oxosi_shop table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .oxosi_shop #content table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { background-color: transparent; color: #000000; font-size: 35px; } .oxosi_shop table.cart td.actions, .woocommerce-page table.cart td.actions, .oxosi_shop #content table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: right; } .oxosi_shop table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .oxosi_shop #content table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon { float: left; } .oxosi_shop table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label, .oxosi_shop #content table.cart td.actions .coupon label, .woocommerce-page #content table.cart td.actions .coupon label { display: none; } .oxosi_shop table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .oxosi_shop #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { -moz-box-sizing: border-box; border: 1px solid #E0DADF; box-shadow: none; float: left; line-height: 1em; margin: 0 4px 0 0; outline: 0 none; padding: 12px; width: 100px; } .oxosi_shop table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt, .oxosi_shop #content table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt { float: right; margin-left: 0.25em; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: rgba(255,255,255,0.6); } .oxosi_shop table.cart input, .woocommerce-page table.cart input, .oxosi_shop #content table.cart input, .woocommerce-page #content table.cart input { line-height: 1em; margin: 0; vertical-align: middle; } .oxosi_shop ul.cart_list, .woocommerce-page ul.cart_list, .oxosi_shop ul.product_list_widget, .woocommerce-page ul.product_list_widget { list-style: none outside none; margin: 0; padding: 0; } .oxosi_shop ul.cart_list li, .woocommerce-page ul.cart_list li, .oxosi_shop ul.product_list_widget li, .woocommerce-page ul.product_list_widget li { border-top: 1px solid #EEEEEE; list-style: none outside none; margin: 5px 0; padding: 11px 0 8px; } .oxosi_shop ul.cart_list li:after, .woocommerce-page ul.cart_list li:after, .oxosi_shop ul.product_list_widget li:after, .woocommerce-page ul.product_list_widget li:after { clear: both; content: ""; display: block; } .oxosi_shop ul.cart_list li a, .woocommerce-page ul.cart_list li a, .oxosi_shop ul.product_list_widget li a, .woocommerce-page ul.product_list_widget li a { display: block; font-family: FuturaStd-Book; font-weight: normal; text-decoration: none; text-transform: lowercase; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(51,51,51,0.6); } .oxosi_shop ul.cart_list li img, .woocommerce-page ul.cart_list li img, .oxosi_shop ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); float: left; height: auto; margin-right: 7px; width: 60px; } .oxosi_shop ul.cart_list li dl, .woocommerce-page ul.cart_list li dl, .oxosi_shop ul.product_list_widget li dl, .woocommerce-page ul.product_list_widget li dl { border-left: 2px solid rgba(0, 0, 0, 0.1); font-size: 0.8751em; margin: 0; padding-left: 1em; } .ox_menu_panel_002a001 .empty { color: #555555; float: left; font-family: FuturaStd-Book; font-size: 14px; letter-spacing: 0; line-height: 21px; text-transform: lowercase; } .ox_menu_panel_002a001 .empty a { color: #555555; font-size: 18px; text-decoration: none; } .ox_menu_panel_002a001 .empty a:hover { color: #111111; } .widget_shopping_cart_content { margin-bottom: 45px; } .product_list_widget .variation, .panel_001 .variation { color: #777777; display: none; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(119,119,119,0.6); } .product_list_widget .quantity, .panel_001 .quantity { color: #777777; float: left; margin-top: 5px !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(119,119,119,0.6); } .product_list_widget .amount, .panel_001 .quantity { color: #777777; font-family: Roboto-Condensed; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px; -webkit-text-stroke-color: rgba(119,119,119,0.6); } .panel_002 .product_list_widget { margin-bottom: 30px !important; } .oxosi_shop ul.cart_list li dl dt, .woocommerce-page ul.cart_list li dl dt, .oxosi_shop ul.product_list_widget li dl dt, .woocommerce-page ul.product_list_widget li dl dt { clear: left; float: left; margin-right: 0.25em; } .oxosi_shop ul.cart_list li dl dd, .woocommerce-page ul.cart_list li dl dd, .oxosi_shop ul.product_list_widget li dl dd, .woocommerce-page ul.product_list_widget li dl dd { margin-bottom: 0.5em; } .oxosi_shop ul.cart_list li .star-rating, .woocommerce-page ul.cart_list li .star-rating, .oxosi_shop ul.product_list_widget li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating { float: none; } .oxosi_shop .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { border-top: 3px double #F7F6F7; padding: 4px 0 0; } .oxosi_shop .widget_shopping_cart .total strong, .woocommerce-page .widget_shopping_cart .total strong, .panel_002 .total strong { color: #555555; display: inline-block; font-family: FuturaStd-Book; font-size: 13px; font-weight: normal; margin-right: 5px; min-width: 40px; text-transform: lowercase; } .panel_002 .total { display: none; float: right; text-align: left; width: 100%; } .panel_002 .amount { color: #555555; } .oxosi_shop .widget_shopping_cart .buttons:after, .woocommerce-page .widget_shopping_cart .buttons:after { clear: both; content: ""; display: block; } .oxosi_shop .cart-collaterals, .woocommerce-page .cart-collaterals { margin-top: 10px; width: 100%; } .oxosi_shop .cart-collaterals:after, .woocommerce-page .cart-collaterals:after { clear: both; content: ""; display: block; } .oxosi_shop .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { float: left; width: 30.75%; } .oxosi_shop .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { float: left; width: 48%; } .cross-sells h2 { font-family: FuturaStd-Book; text-transform: lowercase; } .oxosi_shop .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products { float: none; } .oxosi_shop .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 48%; } .pagename-bag .cart-collaterals { float: left; overflow: visible; width: 50%; } .pagename-bag .cross-sells { width: 100% !important; } .oxosi_shop .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { clear: right; float: right; margin: 20px 0 0; text-align: right; width: 48%; } .shipping_calculator h2 { float: right; margin-bottom: 15px; width: 100%; } .oxosi_shop .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:after { clear: both; content: ""; display: block; } .oxosi_shop .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button { display: block; float: none; width: 100%; } .oxosi_shop .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, .oxosi_shop .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .shipping-calculator-button { border: 1px solid #CCCCCC; color: #444444; float: right; font-size: 12px; padding: 10px; text-decoration: none; text-transform: lowercase; } .shipping-calculator-button:hover, .shipping-calculator-button:focus, .shipping-calculator-button:active { color: #333333; text-decoration: none; } .shipping_calculator { float: right; margin-top: 20px; } .shipping-calculator-form { width: 100%; } .shipping_calculator .input-text { float: right; padding-right: 10px; text-align: right; text-indent: 10px; width: 50% !important; } .cart_totals th { text-align: right; } .cart_totals td { text-align: right; } .cart_totals h2 { font-family: FuturaStd-Medium; font-size: 14px; margin-bottom: 15px; text-transform: lowercase; } .oxosi_shop .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { color: #696969; float: left; font-family: FuturaStd-Book; font-size: 14px; font-weight: normal; text-align: left !important; text-transform: lowercase; width: 100%; } .oxosi_shop .cart_totals, .woocommerce-page .cart_totals { color: #696969; float: left; font-family: FuturaStd-Book; font-size: 14px; font-weight: normal; text-align: right !important; text-transform: lowercase; width: 50%; } .cart-collaterals .cart_totals { float: right; width: 100%; } .cart-collaterals th, .cart-collaterals td { padding-left: 0 !important; text-align: left; } .oxosi_shop .cart-collaterals .cart_totals p, .woocommerce-page .cart-collaterals .cart_totals p { margin: 0; } .oxosi_shop .cart-collaterals .cart_totals p small, .woocommerce-page .cart-collaterals .cart_totals p small { color: #777777; font-size: 0.83em; } .oxosi_shop .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { border-collapse: separate; border-radius: 5px 5px 5px 5px; margin: 0 0 6px; padding: 0; } .oxosi_shop .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .oxosi_shop .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { border-top: 0 none; } .oxosi_shop .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td, .oxosi_shop .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th { padding: 6px 3px; } .oxosi_shop .cart-collaterals .cart_totals table small, .woocommerce-page .cart-collaterals .cart_totals table small { color: #777777; display: block; } .oxosi_shop .cart-collaterals .cart_totals table select, .woocommerce-page .cart-collaterals .cart_totals table select { width: 100%; } .oxosi_shop .cart-collaterals .cart_totals .discount td, .woocommerce-page .cart-collaterals .cart_totals .discount td { color: #85AD74; } .oxosi_shop .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr td, .oxosi_shop .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr th { border-top: 1px solid #F7F6F7; padding: 6px; } .oxosi_shop .cart-collaterals .cart_totals a.button.alt, .woocommerce-page .cart-collaterals .cart_totals a.button.alt { display: block; font-size: 0.92em; width: 193px; } .shipping-calculator-form .button { background: none repeat scroll 0 0 transparent !important; border: 1px solid #CCCCCC !important; color: #555555 !important; float: right !important; margin-top: 5px !important; width: 70% !important; } .shipping-calculator-form .button:hover { background: none repeat scroll 0 0 #000000 !important; border: 1px solid #000000 !important; color: #FFFFFF !important; } .oxosi_shop form .form-row, .woocommerce-page form .form-row { margin: 0 0 10px; padding: 0; } .oxosi_shop form .form-row:after, .woocommerce-page form .form-row:after { clear: both; content: ""; display: block; } .oxosi_shop form .form-row label, .woocommerce-page form .form-row label { display: none; } #payment label { background: none repeat scroll 0 0 transparent; color: #777777; float: left; font-family: Helvetica; font-size: 12px; line-height: 20px; text-align: left; text-indent: 0; } .oxosi_shop form .form-row label.hidden, .woocommerce-page form .form-row label.hidden { visibility: hidden; } .oxosi_shop form .form-row select, .woocommerce-page form .form-row select { cursor: pointer; margin: 0; width: 100%; } .oxosi_shop form .form-row .required, .woocommerce-page form .form-row .required { border: 0 none; color: red; font-weight: bold; } .oxosi_shop form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .oxosi_shop form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: inline; } .oxosi_shop form .form-row input.input-text, .woocommerce-page form .form-row input.input-text, .oxosi_shop form .form-row textarea, .woocommerce-page form .form-row textarea { -moz-box-sizing: border-box; line-height: 1em; margin: 0; outline: 0 none; width: 100%; } .oxosi_shop form .form-row textarea, .woocommerce-page form .form-row textarea { box-shadow: none; display: block; height: 3.5em; line-height: 1.5em; } .oxosi_shop form .form-row.validate-required.woocommerce-validated input.input-text, .woocommerce-page form .form-row.validate-required.woocommerce-validated input.input-text { background-image: url("http://oxosi.com/images/shop/icons/valid.png"); background-position: 95% center; background-repeat: no-repeat; } .oxosi_shop form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text { background-image: url("http://oxosi.com/images/shop/icons/invalid.png"); background-position: 95% center; background-repeat: no-repeat; } .oxosi_shop form .form-row.validate-required.woocommerce-invalid .chzn-single, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-single, .oxosi_shop form .form-row.validate-required.woocommerce-invalid .chzn-drop, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-drop, .oxosi_shop form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text, .oxosi_shop form .form-row.validate-required.woocommerce-invalid select, .woocommerce-page form .form-row.validate-required.woocommerce-invalid select { border-color: #FB7F88; } .oxosi_shop form .form-row *:-moz-placeholder, .woocommerce-page form .form-row *:-moz-placeholder { line-height: 1em; padding-top: 2px; } .oxosi_shop form .form-row-first, .woocommerce-page form .form-row-first, .oxosi_shop form .form-row-last, .woocommerce-page form .form-row-last { float: left; overflow: visible; width: 47%; } .oxosi_shop form .form-row-last, .woocommerce-page form .form-row-last { float: right; } .oxosi_shop form .form-row-wide, .woocommerce-page form .form-row-wide { clear: both; } .oxosi_shop form.login, .woocommerce-page form.login, .oxosi_shop form.checkout_coupon, .woocommerce-page form.checkout_coupon, .oxosi_shop form.register, .woocommerce-page form.register { border: 1px solid #E0DADF; border-radius: 0 0 0 0; margin: 2em 0; padding: 20px; text-align: left; } .oxosi_shop ul#shipping_method, .woocommerce-page ul#shipping_method { list-style: none outside none; margin: 0; padding: 0; } .oxosi_shop ul#shipping_method li, .woocommerce-page ul#shipping_method li { list-style: none outside none; margin: 0; padding: 0.25em 0 0.25em 22px; text-indent: -22px; } .oxosi_shop ul#shipping_method .amount, .woocommerce-page ul#shipping_method .amount { font-weight: bold; } .oxosi_shop .checkout .col-2 h3, .woocommerce-page .checkout .col-2 h3 { clear: none; float: left; } .oxosi_shop .checkout .col-2 .notes, .woocommerce-page .checkout .col-2 .notes { clear: left; } .oxosi_shop .checkout .col-2 .form-row-first, .woocommerce-page .checkout .col-2 .form-row-first { clear: left; } .oxosi_shop .checkout div.shipping-address, .woocommerce-page .checkout div.shipping-address { clear: left; padding: 0; width: 100%; } .oxosi_shop .checkout #shiptobilling, .woocommerce-page .checkout #shiptobilling { float: right; line-height: 1.62em; margin: 0; padding: 0; } .oxosi_shop .checkout #shiptobilling label, .woocommerce-page .checkout #shiptobilling label { background: none repeat scroll 0 0 transparent; border: 1px solid #CCCCCC; color: #555555; float: left; font-family: helvetica; font-size: 11px; height: 35px; letter-spacing: 0; line-height: 37px; margin: 0; padding: 0 10px; text-transform: lowercase; width: auto; } .oxosi_shop .checkout .shipping_address, .woocommerce-page .checkout .shipping_address { clear: both; } .checkout td, .checkout th { padding-left: 0 !important; } .oxosi_shop #payment, .woocommerce-page #payment { background: none repeat scroll 0 0 transparent; border: 1px solid #CCCCCC; border-radius: 0 0 0 0; } .oxosi_shop #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border-bottom: 1px solid #CCCCCC; font-family: Helvetica; font-size: 13px; list-style: none outside none; margin: 0; padding: 1em; text-align: left; text-transform: lowercase; } .oxosi_shop #payment ul.payment_methods:after, .woocommerce-page #payment ul.payment_methods:after { clear: both; content: ""; display: block; } .oxosi_shop #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { float: left; font-weight: normal; line-height: 2em; margin: 0; text-align: left; width: 100%; } .oxosi_shop #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input { margin: 0 1em 0 0; } .oxosi_shop #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin: -2px 0 0 0.5em; position: relative; vertical-align: middle; } .oxosi_shop #payment div.form-row, .woocommerce-page #payment div.form-row { border-top: 1px solid #FFFFFF; padding: 1em; } .oxosi_shop #payment #place_order, .woocommerce-page #payment #place_order { float: right; margin: 0; } .oxosi_shop #payment .terms, .woocommerce-page #payment .terms { padding: 0 1em; text-align: right; } .oxosi_shop #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: none repeat scroll 0 0 transparent; border-radius: 0 0 0 0; box-shadow: none; color: #5E5E5E; font-size: 0.92em; line-height: 1.5em; margin: 1em 0; padding: 0; position: relative; text-shadow: none; width: 96%; } .oxosi_shop #payment div.payment_box p:last-child, .woocommerce-page #payment div.payment_box p:last-child { margin-bottom: 0; } .oxosi_shop #payment div.payment_box #cc-expire-month, .woocommerce-page #payment div.payment_box #cc-expire-month, .oxosi_shop #payment div.payment_box #cc-expire-year, .woocommerce-page #payment div.payment_box #cc-expire-year { float: left; width: 48%; } .oxosi_shop #payment div.payment_box #cc-expire-year, .woocommerce-page #payment div.payment_box #cc-expire-year { float: right; } .oxosi_shop #payment div.payment_box span.help, .woocommerce-page #payment div.payment_box span.help { color: #777777; font-size: 11px; font-weight: normal; line-height: 13px; } .oxosi_shop #payment div.payment_box .form-row, .woocommerce-page #payment div.payment_box .form-row { margin: 0 0 1em; } .oxosi_shop #payment div.payment_box .form-row select, .woocommerce-page #payment div.payment_box .form-row select { float: left; margin-right: 3.8%; width: 48%; } .oxosi_shop #payment div.payment_box .form-row select:nth-child(3n), .woocommerce-page #payment div.payment_box .form-row select:nth-child(3n) { margin-right: 0; } .oxosi_shop #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { border: 8px solid transparent; content: ""; display: block; left: 0; margin: -1em 0 0 2em; position: absolute; top: -3px; } .oxosi_shop .order_details, .woocommerce-page .order_details { list-style: none outside none; margin: 0 0 1.5em; } .oxosi_shop .order_details:after, .woocommerce-page .order_details:after { clear: both; content: ""; display: block; } .oxosi_shop .order_details li, .woocommerce-page .order_details li { border-right: 1px dashed #E0DADF; float: left; font-size: 0.715em; line-height: 1em; margin-right: 2em; padding-right: 2em; text-transform: uppercase; } .oxosi_shop .order_details li strong, .woocommerce-page .order_details li strong { display: block; font-size: 1.4em; line-height: 1.5em; text-transform: none; } .oxosi_shop .order_details li:last-of-type, .woocommerce-page .order_details li:last-of-type { border: 0 none; } .oxosi_shop .addresses .title:after, .woocommerce-page .addresses .title:after { clear: both; content: ""; display: block; } .oxosi_shop .addresses .title h3, .woocommerce-page .addresses .title h3 { float: left; } .oxosi_shop .addresses .title .edit, .woocommerce-page .addresses .title .edit { border: 1px solid #DDDDDD; float: right; font-family: FuturaStd-Book; padding: 10px; text-decoration: none; text-transform: lowercase; } .oxosi_shop ol.commentlist.notes li.note p.meta, .woocommerce-page ol.commentlist.notes li.note p.meta { font-weight: bold; margin-bottom: 0; } .oxosi_shop ol.commentlist.notes li.note .description p:last-child, .woocommerce-page ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .oxosi_shop ul.digital-downloads, .woocommerce-page ul.digital-downloads { margin-left: 0; padding-left: 0; } .oxosi_shop ul.digital-downloads li, .woocommerce-page ul.digital-downloads li { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAQUlEQVQIHWP8//8/AwgwMjLWgxlQAijeCGIyIQtiYxNUwAjUhWI0uilMMLvQJUB8kBzYCmyKYGJwN8AEYDphJgIAPtccffZCsOoAAAAASUVORK5CYII=") no-repeat scroll left center transparent; list-style: none outside none; margin-left: 0; padding-left: 1.5em; } .oxosi_shop ul.digital-downloads li .count, .woocommerce-page ul.digital-downloads li .count { float: right; } .shop_table th { color: #777777; font-family: Roboto-Bold; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } .product-name a { color: #555555; font-family: FuturaStd-Medium; font-size: 26px; letter-spacing: 0; line-height: 30px; text-decoration: none; text-transform: lowercase; } .shop_table thead { background: none repeat scroll 0 0 #111111; border: 1px solid #000000; display: none; font-weight: normal !important; } .cart_table_item .amount { color: #777777; font-family: Roboto-Condensed; font-size: 15px; letter-spacing: 0 !important; } .cart_table_item .minus { display: none !important; } .cart_table_item .plus { display: none !important; } .woocommerce-checkout .form-row .chzn-container-single .chzn-single { height: 35px !important; line-height: 36px !important; } .chzn-container-single .chzn-single { background-clip: padding-box !important; background-color: #FFFFFF !important; background-image: none !important; border: 1px solid #CCCCCC !important; border-radius: 0 0 0 0 !important; box-shadow: none !important; color: #777777 !important; display: block !important; min-height: 35px !important; line-height: 36px !important; overflow: hidden !important; padding: 0 0 0 8px !important; position: relative !important; text-decoration: none !important; text-transform: lowercase !important; white-space: nowrap !important; } .chzn-container-active .chzn-single-with-drop { background-color: #FFFFFF !important; background-image: none !important; border: 1px solid #CCCCCC !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; box-shadow: none !important; } #billing_country_field { min-height: 35px; margin-bottom: 12px; } .myaccount_address { border-top: 1px solid #CCCCCC; padding-top: 15px; } /* .oxosi_shop .widget_layered_nav ul, .woocommerce-page .widget_layered_nav ul { border: 0 none; list-style: none outside none; margin: 0; padding: 0; } .oxosi_shop .widget_layered_nav ul li, .woocommerce-page .widget_layered_nav ul li { list-style: none outside none; padding: 0 0 1px; } .oxosi_shop .widget_layered_nav ul li:after, .woocommerce-page .widget_layered_nav ul li:after { clear: both; content: ""; display: block; } .oxosi_shop .widget_layered_nav ul li a, .woocommerce-page .widget_layered_nav ul li a, .oxosi_shop .widget_layered_nav ul li span, .woocommerce-page .widget_layered_nav ul li span { float: left; padding: 1px 0; } .oxosi_shop .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a { background: url("http://oxosi.com/images/shop/cross_white.png") no-repeat scroll 6px center #AD74A2; border: 1px solid #AD74A2; border-radius: 3px 3px 3px 3px; color: #FFFFFF; padding: 0 6px 0 18px; } .oxosi_shop .widget_layered_nav ul small.count, .woocommerce-page .widget_layered_nav ul small.count { color: #777777; float: right; font-size: 1em; margin-left: 6px; padding: 1px 0; } .oxosi_shop .widget_layered_nav_filters ul, .woocommerce-page .widget_layered_nav_filters ul { border: 0 none; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } .oxosi_shop .widget_layered_nav_filters ul li, .woocommerce-page .widget_layered_nav_filters ul li { float: left; list-style: none outside none; padding: 0 1px 1px 0; } .oxosi_shop .widget_layered_nav_filters ul li a, .woocommerce-page .widget_layered_nav_filters ul li a { background: url("http://oxosi.com/images/shop/cross_white.png") no-repeat scroll 6px center #AD74A2; border: 1px solid #AD74A2; border-radius: 3px 3px 3px 3px; color: #FFFFFF; float: left; padding: 0 6px 0 18px; } */ .oxosi_shop .widget_price_filter .price_slider, .woocommerce-page .widget_price_filter .price_slider { margin-bottom: 1em; } .oxosi_shop .widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount { font-size: 0.8751em; line-height: 2.4em; text-align: right; } .oxosi_shop .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { font-size: 1.15em; } .oxosi_shop .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { float: left; } .oxosi_shop .widget_price_filter .ui-slider, .woocommerce-page .widget_price_filter .ui-slider { position: relative; text-align: left; } .oxosi_shop .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background: -moz-linear-gradient(center top , #AD74A2 0px, #96588A 100%) repeat scroll 0 0 transparent; border: 1px solid #150D14; border-radius: 1em 1em 1em 1em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; cursor: pointer; height: 0.9em; outline: 0 none; position: absolute; top: -0.3em; width: 0.9em; z-index: 2; } .oxosi_shop .widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .oxosi_shop .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAFUlEQVQIHWP4//9/PRMDA8NzEPEMADLLBU76a5idAAAAAElFTkSuQmCC") repeat-x scroll center top #AD74A2; border: 0 none; border-radius: 1em 1em 1em 1em; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset; display: block; font-size: 0.7em; position: absolute; z-index: 1; } .oxosi_shop .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { background: -moz-linear-gradient(center top , #1E1E1E 0px, #6A6A6A 100%) repeat scroll 0 0 transparent; border-radius: 1em 1em 1em 1em; } .oxosi_shop .widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .oxosi_shop .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } .oxosi_shop .widget_price_filter .ui-slider-horizontal .ui-slider-range-min, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .oxosi_shop .widget_price_filter .ui-slider-horizontal .ui-slider-range-max, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .twentythirteen .entry-summary { padding: 0; } .oxosi_shop a.button.loading:before, .woocommerce-page a.button.loading:before, .oxosi_shop button.button.loading:before, .woocommerce-page button.button.loading:before, .oxosi_shop input.button.loading:before, .woocommerce-page input.button.loading:before, .oxosi_shop #respond input#submit.loading:before, .woocommerce-page #respond input#submit.loading:before, .oxosi_shop #content input.button.loading:before, .woocommerce-page #content input.button.loading:before { background-image: url("http://oxosi.com/images/shop/ajax-loader@2x.gif"); background-size: 16px 16px; } .oxosi_shop a.button.added:before, .woocommerce-page a.button.added:before, .oxosi_shop button.button.added:before, .woocommerce-page button.button.added:before, .oxosi_shop input.button.added:before, .woocommerce-page input.button.added:before, .oxosi_shop #respond input#submit.added:before, .woocommerce-page #respond input#submit.added:before, .oxosi_shop #content input.button.added:before, .woocommerce-page #content input.button.added:before { background: url("http://oxosi.com/images/shop/success@2x.png") no-repeat scroll 0 0 / 16px 14px transparent; } .oxosi_shop .oxosi_shop form .form-row.validate-required.woocommerce-validated input.input-text, .woocommerce-page .oxosi_shop form .form-row.validate-required.woocommerce-validated input.input-text, .oxosi_shop .woocommerce-page form .form-row.validate-required.woocommerce-validated input.input-text, .woocommerce-page .woocommerce-page form .form-row.validate-required.woocommerce-validated input.input-text { background-image: url("http://oxosi.com/images/shop/icons/valid@2x.png"); background-size: 12px 9px; } .oxosi_shop .oxosi_shop form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page .oxosi_shop form .form-row.validate-required.woocommerce-invalid input.input-text, .oxosi_shop .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text { background-image: url("http://oxosi.com/images/shop/icons/invalid@2x.png"); background-size: 12px 9px; } .oxosi_shop p.stars span, .woocommerce-page p.stars span { background-image: url("http://oxosi.com/images/shop/star@2x.png"); background-size: 16px 48px; } .oxosi_shop p.stars span a:hover, .woocommerce-page p.stars span a:hover, .oxosi_shop p.stars span a:focus, .woocommerce-page p.stars span a:focus { background-image: url("http://oxosi.com/images/shop/star@2x.png"); background-size: 16px 48px; } .oxosi_shop p.stars span a.active, .woocommerce-page p.stars span a.active { background-image: url("http://oxosi.com/images/shop/star@2x.png"); background-size: 16px 48px; } .oxosi_shop_grid_title_001 { float: left; } .oxosi_shop_grid_title_002 { background: none repeat scroll 0 0 #000000; color: #FFFFFF; float: left; font-family: FuturaStd-Medium; font-size: 12px; letter-spacing: 1px; padding: 10px 9px 8px; text-transform: uppercase; } .archive .woocommerce-breadcrumb { display: none; float: left; } .oxosi_shop_grid_title_002 .woocommerce-breadcrumb { color: #FFFFFF; display: block; float: left; font-size: 11px; margin: 0; padding: 0; } .oxosi_shop_grid_title_002 .woocommerce-breadcrumb:after { clear: none; content: none; display: block; } .oxosi_shop_grid_title_002 .woocommerce-breadcrumb a { color: #FFFFFF; text-decoration: none; } .body_002a001a .woocommerce-breadcrumb { color: inherit; display: block; float: none; font-size: inherit; margin: 0; padding: inherit; text-align: center; } .woocommerce-breadcrumb span { border-bottom: 2px solid; padding-bottom: 10px; } .product_category_parent_001 { float: left; margin-left: 10px; } .product_category_parent_001 li { color: #333333; float: left; height: 29px; list-style: none outside none; margin: 0 7px 0 0; } .product_category_parent_001 a { background: none repeat scroll 0 0 transparent; color: #555555; float: left; font-family: FuturaStd-Medium; font-size: 12.5px; font-weight: normal; height: 100%; letter-spacing: 1px; line-height: 31px; list-style: none outside none; margin: 0 9px; padding: 0; text-decoration: none; text-transform: lowercase; } .product_category_parent_001 a:hover { background: none repeat scroll 0 0 transparent; border-bottom: 1.5px solid #333333; color: #333333; } .product_category_parent_001 .selected { background: none repeat scroll 0 0 transparent; border-bottom: 1.5px solid #555555; color: #555555; } .filter_box_001 { background: none repeat scroll 0 0 #333333; border: 1px solid #333333; color: #FFFFFF; cursor: pointer; float: right; font-family: FuturaStd-Medium; font-size: 10.5px; font-weight: normal; letter-spacing: 1px; line-height: 11px; margin-right: 5px; padding: 11px 11px 8px; text-transform: uppercase; } .filter_toggler_001 { } .filter_content_001 { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; display: none; float: left; height: 50%; margin-bottom: 15px; margin-top: 20px; padding-bottom: 0; padding-top: 25px; width: 100%; } .filter_content_001a { float: left; width: 80%; } .filter_content_001b { float: left; width: 20%; } .filter_collaps_001 { float: left; } #oxosi_shop_sidebar_001 { display: block; float: left; height: auto; width: 100%; } #oxosi_shop_sidebar_001 .widget-title { display: none; } .filter_content_001 .widget { float: left; margin-right: 40px; } .filter_content_001 .widget_price_filter { width: 20%; } .mblock_column_240_360 .product { border: 0 solid #EEEEEE; height: 355px; width: 235px; } .product_single_001d_related .mblock_column_240_360 .product, .pagename-bag .mblock_column_240_360 .product { border: 0px solid #FFFFFF; height: 175px; margin: 0 9px !important; width: 115px; } .product_single_001d_related .mblock_column_240_360 .product:hover { border: 0px solid #111111; } .pagename-bag .mblock .product { border: 1px solid #DDDDDD; margin: 0 !important; } .mblock_column_240_360 .button { visibility: hidden; } .product_grid_item_link_001 { float: left; height: 100%; width: 100%; } .product_grid_item_001 { float: left; height: 100%; width: 100%; } .product_grid_item_001a { float: left; height: 100%; margin-left: 0; margin-right: 0; margin-top: 0; opacity: 0; position: absolute; width: 100%; visibility: hidden; z-index: 12; } .product_grid_item_001:hover .product_grid_item_001a { opacity: 1.0; visibility: visible; -webkit-animation: fadeinhover001 0.3s 0s 1 forwards; -moz-animation: fadeinhover001 0.3s 0s 1 forwards; -o-animation: fadeinhover001 0.3s 0s 1 forwards; animation: fadeinhover001 0.3s 0s 1 forwards; } .product_grid_item_001a001 { color: #FFFFFF; font-family: FuturaStd-Medium; font-size: 18px; font-weight: normal; letter-spacing: 1px; line-height: 21px; margin: 47% auto 0; text-align: center; text-transform: lowercase; width: 70%; } .single-product .product_grid_item_001a001, .pagename-bag .product_grid_item_001a001 { font-size: 12px; line-height: 16px; margin-top: 30%; } .product_grid_item_001a002 { border-top: 1px solid #AAAAAA; color: #FFFFFF; font-family: FuturaStd-Medium; font-size: 14px; font-weight: normal; letter-spacing: 0; line-height: 21px; margin: 10px auto 0; padding-top: 12px; text-align: center; text-transform: uppercase; width: 40%; } .product_grid_item_001a001 .price .amount { } .product_grid_item_001b { background: none repeat scroll 0 0 #000000; float: left; height: 100%; opacity: 0; position: absolute; width: 100%; visibility: hidden; z-index: 11; } .product_single_001d_related .product_grid_item_001b { height: 100%; width: 100%; } .product_grid_item_001:hover .product_grid_item_001b { opacity: 0.90; visibility: visible; -webkit-animation: fadeinhover002 0.3s 0s 1 forwards; -moz-animation: fadeinhover002 0.3s 0s 1 forwards; -o-animation: fadeinhover002 0.3s 0s 1 forwards; animation: fadeinhover002 0.3s 0s 1 forwards; } .product_grid_item_001c { float: left; height: 100%; position: absolute; opacity: 1.0; width: 100%; z-index: 10; } .product_grid_item_001c img { float: left; height: 100%; width: 100%; } .product_single_001d_related .product_grid_item_001c img { border: 0 solid #DDDDDD; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); float: left; height: 100%; padding: 0; width: 100%; } /* product single */ .pigs_001_container { height: 690px; overflow: hidden; position: absolute; width: 450px; z-index: 10; } .pigv_001_container { display: none; height: 690px; position: absolute; width: 450px; z-index: 12; } .pigv_001 { background: none repeat scroll 0 0 #FFFFFF; } .close_player_001 { color: #000000; float: right; font-family: BASEOfficial-ExtraLight; font-size: 130px; font-weight: normal; line-height: 100px; margin-left: 0; position: absolute; right: 0; text-align: center; top: 0; width: 100px; z-index: 15; } .close_player_001:hover { -webkit-animation: ox_heart_beats_003 0.3s 0s 2; -moz-animation: ox_heart_beats_003 0.3s 0s 2; -o-animation: ox_heart_beats_003 0.3s 0s 2; animation: ox_heart_beats_003 0.3s 0s 2; } .close_player_001a { cursor: pointer; float: right; text-align: center; opacity: 0.85; width: 100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .product_single_slider_001_item_001 img { height: auto; width: 100%; } .product_single_slider_001_controls_001 { left: 0; overflow: visible; position: absolute; top: 20px; width: 450px; z-index: 11; } .product_single_slider_001_controls_001a { background: none repeat scroll 0 0 transparent; border: 1px solid transparent; color: #333333; cursor: pointer; float: left; font-family: FuturaStd-Book; font-size: 27px; height: 55px; line-height: 15px; margin: 0; overflow: visible; position: absolute; width: 55px; z-index: 11; } .product_single_slider_001_controls_001a_video { border-bottom: 2px solid #333333; border-left: 0 none; border-right: 0 none; float: left; font-size: 21px; height: auto; left: 10px; margin: 10px auto 0; padding: 10px 0 5px; top: 10%; width: auto; } .product_single_slider_001_controls_001a_previous { float: left; height: 55px; overflow: visible; top: 10px; width: 55px; } .product_single_slider_001_controls_001a_next { float: left; height: 55px; left: 70px; overflow: visible; top: 10px; width: 55px; } .product_single_slider_001_controls_001a:hover { background: none repeat scroll 0 0 transparent; color: #999999; } .seperator_027 { border-top: 0px solid #000000; float: left; margin-top: 1px; padding-top: 1px; width: 100%; } .product_single_slider_001_controls_001a.selected { } .product_single_slider_001_controls_001a_next { border: 2px solid #DDDDDD; /* border-radius: 27.5px 27.5px 27.5px 27.5px; border-radius: 50% 50% 50% 50%; */ float: right; height: 55px; overflow: visible; width: 55px; } .product_single_slider_001_controls_001a_next:hover { border: 2px solid #555555; } .product_single_slider_001_controls_001a_next_inner { border-right: 3px solid #DDDDDD; border-top: 3px solid #DDDDDD; float: right; height: 15px; margin-right: 20px; margin-top: 20px; overflow: visible; transform: rotate(45deg); width: 15px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .product_single_slider_001_controls_001a_next:hover .product_single_slider_001_controls_001a_next_inner { border-right: 3px solid #555555; border-top: 3px solid #555555; } .product_single_slider_001_controls_001a_previous { border: 2px solid #DDDDDD; /* border-radius: 27.5px 27.5px 27.5px 27.5px; border-radius: 50% 50% 50% 50%; */ float: left; height: 55px; overflow: visible; width: 55px; } .product_single_slider_001_controls_001a_previous:hover { border: 2px solid #555555; } .product_single_slider_001_controls_001a_previous_inner { border-left: 3px solid #DDDDDD; border-top: 3px solid #DDDDDD; float: left; height: 15px; margin-left: 20px; margin-top: 20px; overflow: visible; transform: rotate(-45deg); width: 15px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .product_single_slider_001_controls_001a_previous:hover .product_single_slider_001_controls_001a_previous_inner { border-left: 3px solid #555555; border-top: 3px solid #555555; } .single-product #container { margin-top: 25px; } .single-product .woocommerce-breadcrumb { display: none; } .product_single_001 { float: left; min-height: 200px; width: 100%; } .product_single_001a { float: left; min-height: 700px; position: relative; width: 30%; } .product_single_001a_inner { border: 1px solid #CCCCCC; margin: 0 10%; padding: 10%; position: absolute; top: 7%; width: 60%; } .product_image_block_001 { border: 1px solid #FFFFFF !important; } .product_title_block_001 { background: none repeat scroll 0 0 #111111; border: 1px solid #111111 !important; } .product_single_001a_title { color: #FFFFFF; font-family: FuturaStd-Book; font-size: 27px; line-height: 30px; margin: 3% 15% 1% 5%; text-align: left; text-transform: lowercase; width: 80%; } .product_single_001a_price { color: #FFFFFF; font-family: FuturaStd-Medium; font-size: 23px; letter-spacing: 0; margin-left: 5%; margin-top: 5px; text-align: left; width: 80%; } .product_single_001 .amount { border-bottom: 1px solid #555555; padding-bottom: 5px; } .product_single_001a002 .amount { border-bottom: 0 solid #555555; } .product_single_001a_price p { margin-bottom: 10px; } .product_single_001a_excerpt { color: #FFFFFF; float: left; font-family: Helvetica; font-size: 11px; margin-left: 5%; margin-right: 20%; text-align: left; width: 75%; } .product_single_001a_more_info { color: #FFFFFF; display: none; font-family: FuturaStd-Medium; font-size: 12px; text-align: center; text-transform: uppercase; } .product_single_001a_hype_box { float: left; margin-left: 5%; width: 95%; } .product_single_001a_hype_box .hype_box_anywhere_001 { margin: 0 auto; } .product_single_001c_share { color: #FFFFFF; float: left; font-family: FuturaStd-Book; font-size: 14px; margin-left: 5%; margin-top: 25px; text-align: left; width: 95%; } .product_single_001c_share_001 { border-bottom: 1px solid #FFFFFF; cursor: pointer; padding-bottom: 3px; } .product_single_001a .price { margin-bottom: 15px; text-align: center; } .product_single_001b { float: left; height: auto; min-height: 700px; width: 40%; } .product_single_001b001 { display: block; float: left; height: auto; position: relative; width: 100%; } .product_single_001c { float: right; min-height: 700px; position: relative; width: 30%; } .product_single_001c_inner { border: 1px solid #CCCCCC; margin: 0 10%; padding: 10%; position: absolute; top: 7%; width: 60%; } .product_single_001c_add_to_cart { margin: 0 0 4%; width: 100%; } .product_single_001c_made_in_image { border-right: 1px solid #E3E3E3; float: left; padding: 5%; width: 40%; } .product_single_001c_made_in_image img { float: left; height: auto; width: 100%; } .product_single_001c_made_in_text { color: #555555; float: left; font-family: FuturaStd-Book; font-size: 12px; padding: 4.5%; width: 40%; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.4px; -webkit-text-stroke-color: rgba(85,85,85,0.5); } .product_single_001c_made_in_text h3 { font-size: 27px; letter-spacing: -1px; line-height: 27px; margin-bottom: 7px; margin-top: 7px; text-transform: lowercase; } .product_single_001c_meta { color: #333333; float: left; font-family: FuturaStd-Book; font-size: 12px; margin: 3% 5% 0; text-align: center; text-transform: lowercase; width: 90%; } .product_single_001c_extra_links { color: #333333; float: left; font-family: FuturaStd-Book; font-size: 13px; margin: 10px 5%; text-align: center; width: 90%; } .product_single_001c_extra_links { color: #333333; float: left; font-family: FuturaStd-Book; font-size: 12px; margin: 10px 5%; text-align: center; width: 90%; } .product_single_001d_inner { float: left; width: 100%; } .product_related_block_001 { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD !important; } .product_single_001d_related { margin: 5% auto; width: 90%; } .product_single_001d_related h2 { font-family: FuturaStd-Book; font-size: 19px; text-align: center; text-transform: lowercase; } .posted_in > a { color: #333333; text-decoration: none; } .tagged_as > a { color: #333333; text-decoration: none; } /***************************************************** * LBE *****************************************************/ .jquery-lightbox-overlay { background: none repeat scroll 0 0 #FFFFFF; opacity: 0.9 !important; } .single-product .jquery-lightbox-overlay { background: none repeat scroll 0 0 #FFFFFF; opacity: 1 !important; } .jquery-lightbox { position: relative; padding: 17px 0; background: none; /* box-shadow:2px 2px 14px rgba(0, 0, 0, 0.7); -moz-box-shadow:2px 2px 14px rgba(0, 0, 0, 0.7); -o-box-shadow:2px 2px 14px rgba(0, 0, 0, 0.7); -webkit-box-shadow:2px 2px 14px rgba(0, 0, 0, 0.7); */ } .jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-top-middle, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-middle, .jquery-lightbox-border-bottom-right { display: none; position:absolute; height:7px; width:12%; z-index:7000; background:transpaent; overflow:hidden; } .jquery-lightbox-border-top-left { top:0; left:0; } .jquery-lightbox-border-top-right { top:0; right:0; } .jquery-lightbox-border-top-middle { width:78%; top:0; left:12%; } .jquery-lightbox-border-bottom-left { bottom:0; left:0; } .jquery-lightbox-border-bottom-right { bottom:0; right:0; } .jquery-lightbox-border-bottom-middle { width:78%; bottom:0; left:12%; } .jquery-lightbox-title { background:#FFFFFF; color:#2B2B2B; font-family:verdana,arial,serif; font-size:11px; line-height:14px; padding:5px 8px; margin:3px; position:absolute; bottom:0; z-index:7000; opacity:0.9; } .jquery-lightbox-html { position:relative; z-index:7000; border:0; /*border-left:7px solid #FFFFFF; border-right:7px solid #FFFFFF;*/ padding:0px 15px; vertical-align:top; } .jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe { vertical-align:top; } .jquery-lightbox-background { background: transparent !important; position:absolute; top:7px; left:7px; z-index:6999; float:left; padding:0; } .jquery-lightbox-background img { border: 0 none; display: block; height: auto; margin: 0 auto; padding: 0; position: relative; top: 5%; width: 80%; } .single-product .jquery-lightbox-background img { margin: -3% auto 0; } .jquery-lightbox-mode-image .jquery-lightbox-html { z-index:6998; padding:0; } .jquery-lightbox-mode-html .jquery-lightbox-background { background:#FFFFFF; } .jquery-lightbox-mode-html .jquery-lightbox-html { overflow:auto; } .jquery-lightbox-loading, .jquery-lightbox-mode-html .jquery-lightbox-loading { background:#FFFFFF url(http://oxosi.com/wp-content/themes/oxosi_003/js/bojs/lbe/js/lightbox/themes/minimalist/images/loading.gif) no-repeat center center; } .jquery-lightbox-button-close { background: url('http://oxosi.com/wp-content/themes/oxosi_003/images/lbe/lbe-buttons-close.png') no-repeat scroll 0 0 transparent; background-size: 28px 28px; position:absolute; top:12px; right:-24px; width:28px; height:28px; } .jquery-lightbox-button-close span, .jquery-lightbox-buttons span { display:none; } .jquery-lightbox-mode-image .jquery-lightbox-button-close { background: url('http://oxosi.com/wp-content/themes/oxosi_003/images/lbe/lbe-buttons-close.png') no-repeat scroll 0 0 transparent; background-size: 51px 51px; height: 51px; margin-right: 0; margin-top: 30px; right: 7px; top: 7px; width: 51px; z-index: 7002; } .jquery-lightbox-buttons { height: 51px; margin-right: 0; margin-top: 90px; overflow: visible; position: absolute; right: 0; text-align: right; bottom: 0; width: 111px; z-index: 7001; zoom:1; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init { display:none; } .jquery-lightbox-buttons .jquery-lightbox-buttons-end { display:none; } .jquery-lightbox-buttons .jquery-lightbox-button-left { background: url('http://oxosi.com/wp-content/themes/oxosi_003/images/lbe/lbe-buttons-previous.png') no-repeat scroll 0 0 transparent; background-size: 51px 51px; display:inline; display:inline-block; zoom:1; width:51px; height:51px; cursor:pointer; } .jquery-lightbox-buttons .jquery-lightbox-button-left span { display:none; } .jquery-lightbox-buttons .jquery-lightbox-button-right { background: url('http://oxosi.com/wp-content/themes/oxosi_003/images/lbe/lbe-buttons-next.png') no-repeat scroll 0 0 transparent; background-size: 51px 51px; display:inline; display:inline-block; zoom:1; width:51px; height:51px; cursor:pointer; } .jquery-lightbox-buttons .jquery-lightbox-button-right span { display:none; } .jquery-lightbox-buttons .jquery-lightbox-button-max { background: url('http://oxosi.com/wp-content/themes/oxosi_003/images/lbe/lbe-buttons-expand.png') no-repeat scroll 0 0 transparent; background-size: 51px 51px; display: none !important; /*display:inline; display:inline-block;*/ margin-right: -100px; margin-top: 30px; zoom:1; width:51px; height:51px; cursor:pointer; } .jquery-lightbox-buttons .jquery-lightbox-button-min { background: url('http://oxosi.com/wp-content/themes/oxosi_003/images/lbe/lbe-buttons-expand.png') no-repeat scroll 0 0 transparent; background-size: 51px 51px; display:inline; display:inline-block; zoom:1; width:51px; height:51px; cursor:pointer; } .jquery-lightbox-buttons-custom { position:absolute; top:0; left:51px; background:#FFFFFF; height:51px; } .jquery-lightbox-buttons-custom a { color:#7b7b7b; font-size:12px; display:inline; font-weight:bold; text-decoration:underline; padding:0 4px; cursor:pointer; } .jquery-lightbox-navigator { display:none; } .jquery-lightbox-move { } .single-product .jquery-lightbox-move { top: 0 !important; } /***************************************************** * PLAYER (OX PLAYER WITH THE AKINOLOGY SKIN) *****************************************************/ .ox_player_001 { } .player_controls_001 { color: #555555; float: left; font-size: 9px; letter-spacing: 0.02em; line-height: 10px; margin-top: 5px; width: 100%; } .player_controls_001a { color: #555555; cursor: pointer; float: left; font-size: 12px; margin-right: 5px; } .player_controls_001a:hover { color: royalblue; } .volume_001_label { margin-right: 5px; } .volume_001 { } .volume_001 { background: none repeat scroll 0 0 #CCCCCC; float: left; height: 7.2px; margin-right: 5px; margin-top: 1px; width: 150px; } .ui-slider-range { background: none repeat scroll 0 0 #777777; float: left; height: 7.2px; } .ui-slider-handle { } .quality_001_toggle { color: #666666; cursor: pointer; float: left; font-family: Roboto-BoldCondensed; font-weight: normal; margin-right: 4px; text-transform: uppercase; } .quality_001_toggle:hover { color: royalblue; } .quality_001_toggle_inside { float: left; } .quality_001_inner_container_01_definitions { float: left; min-width: 40px; overflow: hidden; } .quality_001_inner_container_02_definitions { float: left; min-width: 77px; overflow: hidden; } .quality_001_inner_container_03_definitions { float: left; min-width: 115px; overflow: hidden; } .quality_001_inner_container_01_definitions .player_video_001_control_setCurrentQuality_1, .quality_001_inner_container_01_definitions .player_video_001_control_setCurrentQuality_2 { display: none; } .quality_001_inner_container_02_definitions .player_video_001_control_setCurrentQuality_2 { display: none; } .quality_001 { display: none; float: left; font-family: Roboto-BoldCondensed; font-size: 10px; font-weight: normal; } .quality_002 { } .share_001_toggle { color: #666666; cursor: pointer; float: left; font-family: Roboto-BoldCondensed; font-weight: normal; margin-right: 5px; text-transform: uppercase; } .share_001_toggle:hover { color: royalblue; } .share_001_toggle_inside { float: left; } .share_001_inner_container { float: left; min-width: 158px; overflow: hidden; } .share_001 { display: none; float: left; font-family: Roboto-BoldCondensed; font-size: 10px; font-weight: normal; } .share_002 { text-transform: uppercase; } .embed_001_toggle { color: #666666; cursor: pointer; float: left; font-family: Roboto-BoldCondensed; font-weight: normal; margin-right: 5px; text-decoration: none; text-transform: uppercase; } .embed_001_toggle:hover { color: royalblue; } .embed_001_toggle_inside { float: left; } .embed_001_inner_container { float: left; overflow: hidden; } .embed_001 { display: none; float: left; font-family: Roboto-Condensed; font-size: 10px; font-weight: normal; } .embed_001_content { background: none repeat scroll 0 0 transparent; color: #333333; display: none; float: left; font-family: "Courier 10 Pitch",Courier,monospace; font-size: 115%; } .embed_002 { background: none repeat scroll 0 0 transparent; color: #333333; float: left; font-family: "Courier 10 Pitch",Courier,monospace; } .grid_video_001 input[type="button"] { background: none repeat scroll 0 0 #000000; border: 1px solid #000000; border-radius: 0 0 0 0; bottom: 0; box-shadow: none; color: #FFFFFF; cursor: pointer; font-family: Akinology-Bold; font-size: 9px; letter-spacing: 1px; line-height: 9px; margin: 7px; opacity: 0.2; padding: 5px 3px 3px; position: absolute; right: 0; text-shadow: none; top: auto; z-index: 11; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(153,153,153,0.3); } .grid_video_001 input[type="button"]:hover { background: none repeat scroll 0 0 #000000; border-color: #000000; box-shadow: none; color: #FFFFFF; opacity: 1.0; } /***************************************************** * JPLAYER *****************************************************/ div.jp-audio, div.jp-audio-stream, div.jp-video { background-color: transparent; border: 0 solid #009BE3; color: #666666; font-family: Verdana,Arial,sans-serif; font-size: 1.25em; line-height: 1.6; } div.jp-audio { width: inherit; } div.jp-audio-stream { width:182px; } div.jp-video-270p { width:500px; } div.jp-video-360p { width:640px; } div.jp-video-full { /* Rules for IE6 (full-screen) */ width:480px; height:270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position:static !important; position:relative } /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ div.jp-video-full div div { z-index:1000; } div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; } div.jp-video-full div.jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width:100%; height:100%; z-index:1001; /* 1 layer above the others. */ } div.jp-video-full div.jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; } div.jp-interface { background-color: transparent; margin-bottom: 10px; position: relative; width: 100%; } div.jp-audio div.jp-type-single div.jp-interface { height:110px; } div.jp-audio div.jp-type-playlist div.jp-interface { height:110px; } div.jp-audio-stream div.jp-type-single div.jp-interface { height:110px; } div.jp-video div.jp-interface { border-top:1px solid #009be3; } /* @group CONTROLS */ div.jp-controls-holder { clear: both; width:440px; margin:0 auto; position: relative; overflow:hidden; top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ } div.jp-interface ul.jp-controls { list-style-type:none; margin:0; padding: 0; overflow:hidden; } div.jp-audio ul.jp-controls { display: none; float: left; margin-top: 0; padding: 0; width: auto; } div.jp-audio-stream ul.jp-controls { width: 142px; padding:20px 20px 0 20px; } div.jp-video div.jp-type-single ul.jp-controls { width: 78px; margin-left: 200px; } div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; } div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { display:inline; float: left; } div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; } div.jp-interface ul.jp-controls a:hover { display:block; overflow:hidden; text-indent:-9999px; opacity: 0.65 ; filter:alpha(opacity=65); /* For IE8 and earlier */ } div.jp-interface ul.jp-controls a:focus { outline: 0px dotted #CCCCCC; } a.jp-play, a.jp-pause { } a.jp-play { background: none repeat scroll 0 0 transparent; } a.jp-play:hover { background: none repeat scroll 0 0 transparent; } a.jp-pause { background: none repeat scroll 0 0 transparent; } a.jp-pause:hover { background: none repeat scroll 0 0 transparent; } a.jp-stop, a.jp-previous, a.jp-next { margin-top: 0; width: auto; } a.jp-stop { background: none repeat scroll 0 0 transparent; margin-top: 0; width: auto; } a.jp-stop:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } a.jp-previous { background: none repeat scroll 0 0 transparent; margin-top: 0; width: auto; } a.jp-previous:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } a.jp-next { background: none repeat scroll 0 0 transparent; margin-top: 0; width: auto; } a.jp-next:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } /* @end */ /* @group progress bar */ div.jp-progress { overflow:hidden; background-color: #ddd; } div.jp-audio div.jp-progress { height: 5px; position: inherit; } div.jp-audio div.jp-type-single div.jp-progress { left:110px; width:186px; } div.jp-audio div.jp-type-playlist div.jp-progress { left: 0; width: 100%; } div.jp-video div.jp-progress { top:0px; left:0px; width:100%; height:10px; } div.jp-seek-bar { background: none repeat scroll 0 0 #DDDDDD; cursor: pointer; height: 100%; width: 0; } div.jp-play-bar { background: none repeat scroll 0 0 #555555; height: 100%; width: 0; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url("http://oxosi.com/wp-content/themes/oxosi_003/jplayer.blue.monday.seeking.gif"); } /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { margin-top: 0; width: auto; } div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { } div.jp-audio-stream div.jp-type-single a.jp-mute, div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left:10px; } div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max { margin-left: 0; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max { position: absolute; top:12px; margin-top:0; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute { left: 50px; } div.jp-video a.jp-volume-max { left: 134px; } a.jp-mute { background: none repeat scroll 0 0 transparent; margin-top: 0; width: auto; } a.jp-mute:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } a.jp-unmute { background: none repeat scroll 0 0 transparent; margin-top: 0; width: auto; display: none; } a.jp-unmute:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } a.jp-volume-max { background: none repeat scroll 0 0 transparent; margin-top: 0; width: auto; } a.jp-volume-max:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } div.jp-volume-bar { background: none repeat scroll 0 0 #DDDDDD; cursor: pointer; float: left; height: 6px; margin-top: 10px; overflow: hidden; position: inherit; width: 46px; } div.jp-audio div.jp-volume-bar { left: 0; top: 0; } div.jp-audio-stream div.jp-volume-bar { top:37px; left:92px; } div.jp-video div.jp-volume-bar { top:17px; left:72px; } div.jp-volume-bar-value { background: none repeat scroll 0 0 #555555; height: 6px; width: 0; } /* @end */ /* @group current time and duration */ div.jp-audio div.jp-time-holder { float: left; position: inherit; width: 100%; } div.jp-audio div.jp-type-single div.jp-time-holder { left:110px; width:186px; } div.jp-audio div.jp-type-playlist div.jp-time-holder { } div.jp-current-time, div.jp-duration { font-size: 0.64em; font-style: oblique; width: auto; } div.jp-current-time { float: left; display:inline; } div.jp-duration { display: inline; float: left; text-align: left; } div.jp-video div.jp-current-time { margin-left:20px; } div.jp-video div.jp-duration { margin-right:20px; } /* @end */ /* @group playlist */ div.jp-title { font-weight:bold; text-align:center; display: block !important; } div.jp-title, div.jp-playlist { background-color: transparent; border-top: 1px solid #EEEEEE; width: 100%; } div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top:none; } div.jp-title ul, div.jp-playlist ul { font-size: 0.72em; list-style-type: none; margin: 0; padding: 0; } div.jp-title li { padding:5px 0; font-weight:bold; } div.jp-playlist li { border-bottom: 1px solid #EEEEEE; padding: 5px 0 4px; } div.jp-playlist li div { display:inline; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:last-child { border-bottom: medium none; padding: 5px 0; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { background: none repeat scroll 0 0 #EEEEEE; list-style-type: none; padding-left: 0; } div.jp-type-playlist div.jp-playlist a { color: #333333; font-family: robotoregular; font-size: 12px; font-weight: normal; letter-spacing: 0; text-decoration: none; text-transform: none; } div.jp-type-playlist div.jp-playlist a:hover { color:#2244FF; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #2244FF; font-style: normal; font-weight: normal; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { color: #666666; display: inline; float: right; font-weight: normal; margin-right: 10px; text-align: right; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color:#0d88c1; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float:right; display:inline; text-align:right; margin-right:10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a{ color:#666; } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{ color:#0d88c1; } span.jp-artist { font-size:.8em; color:#666; } /* @end */ div.jp-video-play { width:100%; overflow:hidden; /* Important for nested negative margins to work in modern browsers */ cursor:pointer; background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ } div.jp-video-270p div.jp-video-play { margin-top:-270px; height:270px; } div.jp-video-360p div.jp-video-play { margin-top:-360px; height:360px; } div.jp-video-full div.jp-video-play { height:100%; } a.jp-video-play-icon { position:relative; display:block; width: 112px; height: 100px; margin-left:-56px; margin-top:-50px; left:50%; top:50%; background: url("http://oxosi.com/wp-content/themes/oxosi_003/jplayer.blue.monday.video.play.png") 0 0 no-repeat; text-indent:-9999px; } div.jp-video-play:hover a.jp-video-play-icon { background: url("http://oxosi.com/wp-content/themes/oxosi_003/jplayer.blue.monday.video.play.png") 0 -100px no-repeat; } div.jp-jplayer audio, div.jp-jplayer { float: left; height: 0; width: 0; } div.jp-jplayer { background-color: transparent; border: 1px solid #CCCCCC; margin-right: 0; padding: 4px; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ ul.jp-toggles { list-style-type:none; padding:0; margin:0 auto; overflow:hidden; } div.jp-audio .jp-type-single ul.jp-toggles { width:25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { float: left; margin: 30px 0 0 15px; position: inherit; width: 60px; } div.jp-video ul.jp-toggles { margin-top:10px; width:100px; } ul.jp-toggles li { display:block; float:right; } ul.jp-toggles li a { display: block; height: 20px; line-height: 100%; text-indent: -9999px; width: 20px; } a.jp-full-screen { background: none repeat scroll 0 0 transparent; margin-left: 0; margin-top: 0; width: auto; } a.jp-full-screen:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } a.jp-restore-screen { background: none repeat scroll 0 0 transparent; margin-left: 0; margin-top: 0; width: auto; } a.jp-restore-screen:hover { background: none repeat scroll 0 0 transparent; color: #000000; margin-top: 0; width: auto; } a.jp-repeat { background: none repeat scroll 0 0 transparent; font-family: sans-serif !important; font-size: 10px !important; margin-top: 3px; padding-right: 2px; width: auto; } a.jp-repeat:hover { background: none repeat scroll 0 0 transparent; color: #000000; width: auto; } a.jp-repeat-off { background: none repeat scroll 0 0 transparent; font-family: sans-serif !important; font-size: 10px !important; margin-top: 3px; padding-right: 2px; width: auto; } a.jp-repeat-off:hover { background: none repeat scroll 0 0 transparent; color: #000000; width: auto; } a.jp-shuffle { background: none repeat scroll 0 0 transparent; font-family: sans-serif !important; font-size: 10px !important; margin-top: 3px; padding-right: 2px; width: auto; } a.jp-shuffle:hover { background: none repeat scroll 0 0 transparent; color: #000000; width: auto; } a.jp-shuffle-off { background: none repeat scroll 0 0 transparent; font-family: sans-serif !important; font-size: 10px !important; margin-top: 3px; padding-right: 2px; width: auto; } a.jp-shuffle-off:hover { background: none repeat scroll 0 0 transparent; color: #000000; width: auto; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding:5px; font-size:.8em; background-color:#eee; border:2px solid #009be3; color:#000; display:none; } .jp-no-solution a { color:#000; } .jp-no-solution span { font-size:1em; display:block; text-align:center; font-weight:bold; } /* @end .jp_skin_001 { float: left; height: 80px; width: 80px; } .jp_skin_001 img { display: inline; height: 80px; width: 80px; }*/ .jp_bo_001 { width: 100%; } .jp_bo_002 a.jp-stop, .jp_bo_002 .jp-toggles { display: none !important; } .jp_bo_003 a.jp-previous, .jp_bo_003 a.jp-next, .jp_bo_003 a.jp-stop, .jp_bo_003 .jp-toggles, .jp_bo_003 .jp-playlist { display: none !important; } .jp_bo_003 div.jp-jplayer { margin-right: 0; } .jp_bo_003 div.jp-audio div.jp-type-playlist div.jp-progress { left: 0; width: 100%; } .jp_bo_003 div.jp-audio div.jp-progress { } .jp_bo_003 div.jp-audio ul.jp-controls { margin-top: 0; } .jp_headline_001 { color: #333333; float: left; font-family: PanAfricanist; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: normal; margin-top: 3px; } .jp_headline_001 a { color: #333333; font-family: PanAfricanist; font-size: 35px; font-style: normal; font-weight: normal; line-height: 37px; } .jp_headline_001 a:hover { color: #2244FF; } .jp_body_001 { float: left; } .jp_body_002 { float: left; margin-left: 10px; margin-top: 0; min-width: 145px; width: auto; } .jp_body_002 a.jp-play, .jp_body_001 a.jp-pause { background: none repeat scroll 0 0 transparent; } .jp_body_002 a.jp-play:hover, .jp_body_001 a.jp-pause:hover { background: none repeat scroll 0 0 transparent; color: #000000; } .jp_time_style_001 { float: left; font-size: 10px; font-style: italic; } .jp_playing_artist_001 { float: right; font-size: 10px; font-style: italic; } .jp-mute_unmute_001 { float: left; height: 20px; margin-top: 35px; width: 20px; } .jp-mute_unmute_001 { float: left; width: 20px; height: 20px; } .jp-mute_unmute_001 a { display: block; margin-top: 0; overflow: hidden; text-indent: -9999px; } .jp_toggle_links_001 { float: left; font-family: BOMediaSet; font-style: normal; font-weight: normal; font-size: 13px; margin-left: 10px; margin-top: 8px; width: auto; } .jp_toggle_links_001 a { float: left; font-family: BOMediaSet; font-size: 13px; font-style: normal; font-weight: normal; margin-right: 5px; } .song_meta_001 { display: none; float: left; height: 80px; width: 160px; } .icon_001 { color: #888; font-family: BOMediaSet; font-style: normal; font-weight: normal; } .jp_play_pause_001 { display: none; float: left; height: 90px; width: 90px; } .jp_get_song_001 { background: none repeat scroll 0 0 transparent; font-family: sans-serif !important; font-size: 10px !important; margin-top: 3px; padding-right: 2px; width: auto; } .jp_get_song_001:hover { background: none repeat scroll 0 0 transparent; color: #000000; font-size: 13px !important; font-weight: bold; line-height: 10px; width: auto; } .jp_share_001 { background: none repeat scroll 0 0 transparent; font-family: sans-serif !important; font-size: 10px !important; margin-top: 3px; padding-right: 2px; width: auto; } .jp_share_001:hover { background: none repeat scroll 0 0 transparent; color: #000000; font-size: 13px !important; font-weight: bold; line-height: 10px; width: auto; } /*---*/ .jp_mode_001 { width: 100%; } .jp_mode_002 .jp-playlist, .jp_mode_002 .jp-shuffle, .jp_mode_002 .jp-shuffle-off { display: none !important; } .jp_mode_002 a.jp-previous, .jp_mode_002 a.jp-previous:hover, .jp_mode_002 a.jp-next, .jp_mode_002 a.jp-next:hover { color: #AAAAAA !important; cursor: auto !important; } .jp_mode_003 { float: left !important; margin-top: 0 !important; width: 280px !important; } .jp_mode_003 .jp-interface { height: auto !important; } .jp_mode_003 .jp-player { height: 123px !important; width: 123px !important; } .jp_mode_003 .jp-player img { height: 123px !important; width: 123px !important; } .jp_mode_003 .jp-playlist, .jp_mode_003 .jp-repeat, .jp_mode_003 .jp-repeat-off, .jp_mode_003 .jp-shuffle, .jp_mode_003 .jp-shuffle-off, .jp_mode_003 .jp_headline_001, .jp_mode_003 .jp_playing_artist_001, .jp_mode_003 .jp-volume-bar, .jp_mode_003 .jp-previous, .jp_mode_003 .jp-next, .jp_mode_003 .jp-stop, .jp_mode_003 .jp-mute, .jp_mode_003 .jp-unmute, .jp_mode_003 .jp-time-holder { display: none !important; height: 0 !important; position: relative; width: 0 !important; line-height: 0; padding: 0; margin: 0; border: 0; left: 0; right: 0; top: 0; bottom: 0; } .jp_mode_003 a.jp-previous, .jp_mode_002 a.jp-previous:hover, .jp_mode_002 a.jp-next, .jp_mode_002 a.jp-next:hover { color: #AAAAAA !important; cursor: auto !important; } .jp_mode_003 a.jp-play { background: none repeat scroll 0 0 transparent; border: 1px solid #999999; font-size: 17px; line-height: 13px; padding: 5px 5px 4px 7px; } .jp_mode_003 a.jp-pause { background: none repeat scroll 0 0 transparent; border: 1px solid #999999; font-size: 17px; line-height: 13px; padding: 5px 7px 4px 7px; } .jp_mode_003 .jp-progress { float: left; margin-top: 5px; margin-bottom: 3px; } .jp_mode_003 .jp_toggle_links_001 { margin-left: 0 !important; margin-top: 5px; width: 100% !important; } .jp_mode_003 .jp_body_001 { float: left; margin-left: 10px; margin-top: 2px; width: 147px !important; } .jp_mode_003 .jp_body_002 { float: left; margin-left: 0; margin-top: 0; min-width: auto !important; width: 100% !important; } .jp_description_001 { color: #555555; display: none; float: left; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 10px; line-height: 14px; margin-left: 0; margin-top: 0; text-align: left; width: 100% !important; } .jp_mode_003 .jp_description_001 { display: block; } .jp_mode_003 .jp_get_song_001:hover { background: none repeat scroll 0 0 transparent; color: #000000; font-size: 10px !important; font-weight: inherit !important; line-height: inherit !important; width: auto; } /***************************************************** * JTS *****************************************************/ .botu_001 { float: left; padding: 0 0 5px; width: 100%; } .botu_002 { float: left; margin-right: 5px; width: 25%; } .botu_002 img { border: 0 none; height: 85px; padding-right: 4px; width: 100%; } .botu_003 { background: none repeat scroll 0 0 #8cbbeb; color: #FFFFFF; float: left; font-size: 11px; height: 71px; line-height: normal; padding: 2%; width: 69%; } .botu_003 a { color: #FFFFFF; font-size: 11px; font-weight: bold; } /***************************************************** * LS *****************************************************/ /*********************************************************************** * * Liquid Slider * Kevin Batdorf * * http://liquidslider.com * * GPL license * ************************************************************************/ /****************************************************** * No JavaScript * Use this to apply styles when Javascript is disabled, * and be sure to include the ".no-js" class in your html * markup. *******************************************************/ .no-js .liquid-slider { height:350px; overflow:scroll; } /****************************************************** * Preloader * Use this to apply styles when Javascript is disabled, * and be sure to include the ".no-js" class in your html * markup. *******************************************************/ .ls-preloader { background: url(http://oxosi.com/wp-content/themes/img/loading.gif) #f2f2f2 no-repeat center 75px; opacity:1; /* Do not edit below this line */ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; } /****************************************************************** * Base Styles * The styles here will apply to everything. I recommend you keep * the styles in here specific to mobile defices, then use * the media queries at the bottom to define further styles for larger * screen-sizes. Think Mobile First. But be cautious of how * your site will look in older IE browsers. * * Additional media queries are at the bottom of this document ******************************************************************/ .ls-wrapper { margin:0 auto; /* Do not edit below this line */ clear: both; overflow: auto; position: relative; } /****************************************************** * Main Container * This is the main container (minus the navigation). * Be sure to match the width with the .panel class, * or it won't work properly. Also, width only applies * if you are not using the responsive setting. * * The responsive slider will interpret the width as the * max width instead *******************************************************/ .ls-wrapper .liquid-slider { background: transparent; width: 1030px; /* Do not edit below this line */ float: left; overflow: hidden; position: relative; } .ls-wrapper .panel-container { /* Do not edit below this line */ position: relative; } .ls-wrapper .liquid-slider .panel-container .fade { /* Do not edit below this line */ opacity: 0; position: absolute; top: 0; left: 0; display: block; } /****************************************************** * Panels * This is for the panels. If you are using the * responsive setting, this will act as the max-width * for the entire slider. *******************************************************/ .ls-wrapper .liquid-slider .panel { width: 1030px; /* Do not edit below this line */ display: block; float: left; } /****************************************************** * These provide a base starting point for images and * video. However, you will have to add more rules * based on the content you use. Use the @media queries * at the bottom of this file. *******************************************************/ .ls-wrapper .liquid-slider .panel img{ /* width:100%; height:auto; margin:0 5px; */ } .ls-wrapper .liquid-slider .panel video { /* width:100%; height:auto; */ } /****************************************************** * This is mainly used to adjust the padding inside each * panel. If you are using the responsive setting, you * need to use the settings below as this will not apply. *******************************************************/ .ls-wrapper .liquid-slider .panel-wrapper { padding: 20px; /* Do not edit below this line */ position:relative; } /***************************************************** * This will adjust styles for all navigation tabs * less of course the select box used for mobile * navigation. The .current styles will apply only to * the current tab. * * You may use this section to create navigation for * mobile devices if you set mobileNavigation: false * Be sure to edit media queries for larger devices below * I have included an example below in comments. * * .currentCrossLink refers to external crosslinking. *******************************************************/ .ls-wrapper .ls-nav a { background: none repeat scroll 0 0 transparent; border: 1px solid #DDDDDD; color: #555555; font-family: FuturaStd-Medium; font-size: 10.5px; letter-spacing: 1px; margin-right: 3px; margin-top: 9px; outline: 0 none; padding: 9px 15px; text-transform: uppercase; } .ls-wrapper .ls-nav a:hover { background: #f2f2f2; border: 1px solid #DDDDDD; color: #333333; text-shadow: none; } .ls-wrapper .ls-nav .current { background: none repeat scroll 0 0 #333333; border: 1px solid #333333; color: #FFFFFF; } .currentCrossLink { font-weight: bold; } .ls-wrapper .ls-nav ul { padding:0; /* Do not edit below this line */ clear: both; display: block; margin: auto; overflow: hidden; } .ls-wrapper .ls-nav ul li { /* Do not edit below this line */ display: inline; } .ls-wrapper .ls-nav ul li a { /* Do not edit below this line */ display: block; float: left; text-decoration: none; } /***************************************************** * Mobile Menu * This will adjust styles for selectbox styles. I have * included a simple example to create a custom select * box. *******************************************************/ .ls-wrapper .ls-nav { overflow:hidden; clear:both; } #pigs_001-wrapper .ls-nav { bottom: 0; position: absolute; } .ls-wrapper .ls-select-box { /* Delete these if you want the standard select box. Also delete the rules below */ width: 100%; height: 35px; overflow: hidden; background: url(http://oxosi.com/wp-content/themes/img/menu.png) no-repeat right #ddd; } .ls-wrapper .ls-select-box select { /* If you want the standard select box, use width:100% And delete the rest of the styling here */ width: 150%; -webkit-appearance: none; -moz-appearance: none; appearance:none; background: transparent; padding: 5px; font-size: 110%; border: none; height: 35px; cursor:pointer; outline: 0; } /****************************************************** * Arrows * This section refers to both the non-graphical and * graphical navigation arrows. * * Some settings will be overwritten when using the * responsive setting. *******************************************************/ .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right { /* Do not edit below this line */ float: left; } .ls-wrapper .ls-nav-left a, .ls-wrapper .ls-nav-right a { /* non-graphical arrows */ background: #000; color: #fff; padding: 5px; width: 100px; /* Do not edit below this line */ display: block; text-align: center; text-decoration: none; } .ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow { cursor: pointer; /* Do not edit below this line */ float: left; } .ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a { /* Do not edit below this line */ display: block; } .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow { /* Do not edit below this line */ clear: both; } .ls-wrapper .ls-nav-right-arrow { width: 25px; height: 25px; background: url(http://oxosi.com/wp-content/themes/img/arrow.png) no-repeat top right; margin-top: 50px; margin-right: 5px; /* Do not edit below this line */ position:relative; } .ls-wrapper .ls-nav-left-arrow { width: 25px; height: 25px; background: url(http://oxosi.com/wp-content/themes/img/arrow.png) no-repeat top left; margin-top: 50px; margin-left: 5px; /* Do not edit below this line */ position:relative; } .ls-wrapper .ls-nav-left-arrow:hover { /* Left graphical arrows hover */ background: url(http://oxosi.com/wp-content/themes/img/arrow.png) no-repeat bottom left; } .ls-wrapper .ls-nav-left-arrow:active { /* Left graphical arrows click */ } .ls-wrapper .ls-nav-right-arrow:hover { /* Right graphical arrows hover */ background: url(http://oxosi.com/wp-content/themes/img/arrow.png) no-repeat bottom right; } .ls-wrapper .ls-nav-right-arrow:active { /* Right graphical arrows click */ } .arrows .liquid-slider { /* Margin between slider and arrows */ margin: 0 10px; } /****************************************************** * Responsive Styles * Here are the main responsive styles. This mostly * covers the arrows, and most of the settings can be * applied above. *******************************************************/ .ls-responsive .liquid-slider { /* Do not edit below this line */ width: 100%; margin: 0; } .ls-responsive .liquid-slider .panel .panel-wrapper { padding: 10px; } .ls-responsive .ls-nav-left { /* Left non-graphical arrows */ /* Do not edit below this line */ position: absolute; left: 0; z-index: 2; } .ls-responsive .ls-nav-left a { /* Left non-graphical arrows */ background: #9A9A9A; width: 80px; } .ls-responsive .ls-nav-left a:hover { /* Left non-graphical hover */ background: #747474; } .ls-responsive .ls-nav-right { /* Right non-graphical arrows */ /* Do not edit below this line */ position: absolute; right: 0; z-index: 2; } .ls-responsive .ls-nav-right a { /* Right non-graphical arrows */ background: #9A9A9A; width: 80px; } .ls-responsive .ls-nav-right a:hover { /* Right non-graphical arrows hover */ background: #747474; } .ls-responsive .ls-nav-left-arrow { /* Do not edit below this line */ position: absolute; left: 0; z-index: 2; } .ls-responsive .ls-nav-right-arrow { /* Do not edit below this line */ position: absolute; right: 0; z-index: 2; } /****************************************************************** * Larger Mobile Devices * This is for devices like the Galaxy Note or something that's * larger than an iPhone but smaller than a tablet. ******************************************************************/ @media only screen and (min-width: 481px) { .ls-wrapper .liquid-slider .panel img{ /* Example */ /* width:24%; margin:2px; */ } } /****************************************************************** * Tablet & Smaller Laptops * This will include tablets and some netbooks. ******************************************************************/ @media only screen and (min-width: 768px) { .ls-wrapper .liquid-slider .panel img{ /* Example */ /* width:24%; */ } .ls-responsive .liquid-slider .panel .panel-wrapper { padding: 0; } } /****************************************************************** * DESKTOP * This is the average viewing window. So Desktops, Laptops, and * in general anyone not viewing on a mobile device. Here's where * you can add resource intensive styles. ******************************************************************/ @media only screen and (min-width: 1030px) { } /****************************************************************** * LARGE VIEWING SIZE * This is for the larger monitors and possibly full screen viewers. ******************************************************************/ @media only screen and (min-width: 1240px) { } /****************************************************************** * RETINA (2x RESOLUTION DEVICES) * This applies to the retina iPhone (4s) and iPad (2,3) along with * other displays with a 2x resolution. You can also create a media * query for retina AND a certain size if you want. Go Nuts. ******************************************************************/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /***************************************************** * IGNITIONDECK *****************************************************/ .oip_single_head_images_001 { float: left; margin: 0 auto; width: 105%; } .oip_single_head_image_001 { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #E9E9E9; box-shadow: none; float: left; margin: 0 3% 0 0; width: 29.5%; } .oip_single_head_image_001 img { float: left; height: auto; opacity: 1; width: 100%; } .oip_single_head_image_001 img:hover { opacity: 1.0; } .oip_single_main_001 { border-bottom: 1px solid #EEEEEE; float: left; margin-bottom: 20px; padding-bottom: 10px; width: 100%; } .oip_single_main_001a { float: left; margin-right: 29px; width: 614px; } .oip_single_main_001b { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; float: left; padding: 20px; width: 305px; } .oip_single_main_001b001 { float: left; width: 100%; } .oip_single_main_001b001 .progress-wrapper { background: none repeat scroll 0 0 #EEEEEE; border: 0 solid #C8D9F1; border-radius: 0 0 0 0; height: 25px !important; width: 100%; } .oip_single_main_001b001 .progress-percentage { color: #555555; font-family: Roboto-Condensed; font-size: 12px; line-height: 26px; text-shadow: none; } .oip_single_main_001b001 .progress-bar { background: none repeat scroll 0 0 #C8D9F1; border-radius: 0 0 0 0; height: 25px !important; margin-top: 0; } .oip_single_main_001b002 { float: left; font-family: Helvetica; font-size: 18px; margin-bottom: 10px; margin-top: 7px; width: 100%; } .oip_single_main_001b003 { float: left; margin-bottom: 10px; width: 100%; } .oip_single_main_001b003a { color: #333333; font-family: Helvetica; font-size: 63px; font-weight: bold; line-height: 60px; } .oip_single_main_001b003b { font-family: FuturaStd-Book; font-size: 15px; line-height: 15px; margin-top: -5px; text-indent: 2px; text-transform: lowercase; } .oip_single_main_001b004 { float: left; width: 100%; } .oip_single_main_001b004a { color: #999999; float: left; font-size: 55px; line-height: 50px; width: 100%; } .oip_single_main_001b004b { color: #777777; float: left; font-family: FuturaStd-Book; font-size: 15px; line-height: 15px; margin-top: -5px; text-indent: 2px; text-transform: lowercase; width: 100%; } .oip_single_main_001b005 { float: right; font-family: FuturaStd-Book; margin-bottom: 5px; text-align: right; text-transform: lowercase; width: 100%; } .oip_single_main_001b006 { float: left; width: 100%; } .supportnow { float: left; margin-bottom: 10px; width: 100%; } .supportnow a { background: none repeat scroll 0 0 #F3F3F3; border: 0 solid #E5E5E5; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); color: #444444; float: left; font-family: FuturaStd-Book; font-size: 19px; letter-spacing: 1px; padding: 15px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 305px; } .supportnow a:hover { background: none repeat scroll 0 0 #333333; border: 0 solid #333333; color: #FFFFFF; } .oip_single_sb_001 { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #E2E2E2; margin-bottom: 20px; padding: 5%; width: 90%; } .oip_single_sb_001:hover { background: none repeat scroll 0 0 #f1f6ff; border: 1px solid #dde8f0; } .oip_single_sb_001 a { color: #656565; text-decoration: none; } .oip_single_sb_001:hover a { color: #333333; } .oip_single_sb_001_title { float: left; width: 100%; } .oip_single_sb_001_title span { background: none repeat scroll 0 0 transparent; border: 0 solid #111111; color: #333333; float: left; font-family: FuturaStd-Medium; font-size: 30px; margin: 0 auto; padding: 0; text-align: center; text-transform: lowercase; } .oip_single_sb_001:hover .oip_single_sb_001_title span { } .oip_single_sb_001_price { border: 0 solid; float: left; font-family: FuturaStd-Medium; font-size: 21px; margin-bottom: 10px; margin-top: 7px; width: 100%; } .oip_single_sb_001_description { font-family: Helvetica; font-size: 13px; line-height: 17px; } .oip_single_sb_001:hover .oip_single_sb_001_description { } #oip_purchase_form_001 { display: none; float: left; } .product-proposed-end { float: left; font-family: FuturaStd-Book; font-size: 12px; text-transform: normal; width: 100%; } .product-proposed-end > span { float: left; margin-right: 5px; } .product-proposed-end > div { float: left; } #widget-date > div { float: left; margin-right: 3px; } .id-widget { margin-bottom: 20px; max-width: 100% !important; } .product-wrapper h2.id-product-title { color: #6E6E6E; display: none; font: 18px/18px arial,freesans,clean,sans-serif; } .id-purchase-form-full { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC !important; margin: 5px auto 30px; max-width: 550px; padding: 20px; } .id-purchase-form-wrapper { background: none repeat scroll 0 0 transparent !important; border: 0 none !important; border-radius: 0 0 0 0 !important; margin: 10px 0 20px !important; padding: 0 !important; } .id-purchase-form { background: none repeat scroll 0 0 transparent !important; border: medium none; border-radius: 0 0 0 0 !important; padding: 0 !important; } .id-checkout-description { display: none; } .id-purchase-form li, .id-purchase-form li ul li { font-family: FuturaStd-Book !important; font-size: 21px !important; list-style: none outside none; margin: 0; text-transform: lowercase !important; } .id-purchase-form .form-row.twothird { display: inline-block; width: 65.3% !important; } .id-purchase-form input[type="text"], .id-purchase-form input[type="url"], .id-purchase-form input[type="email"], .id-purchase-form input[type="phone"], .id-purchase-form input[type="number"], .id-purchase-form input[type="password"] { width: 99.5% !important; } .id-purchase-form .form-row textarea { color: #333333 !important; min-height: 80px !important; padding: 1% !important; text-indent: 0 !important; width: 99.8% !important; } .id-purchase-form .form-row input, .id-purchase-form .form-row textarea, .id-purchase-form .form-row select { background: none repeat scroll 0 0 transparent !important; border: 1px solid #BBBBBB !important; border-radius: 0 0 0 0 !important; color: #333333 !important; display: block; font-family: Helvetica !important; font-size: 13px !important; font-weight: normal !important; line-height: normal; min-height: 35px !important; padding: 0 !important; text-indent: 5px !important; width: 100%; } .id-checkout-level-desc { border: 0 none !important; color: #333333 !important; font-family: Helvetica !important; font-size: 12px !important; line-height: 14px !important; margin-bottom: 20px !important; padding: 0 !important; text-transform: none !important; } #level_select label { display: block !important; font-family: FuturaStd-Book !important; font-size: 23px !important; } .dd-select { border: 1px solid #CCCCCC; border-radius: 0 0 0 0 !important; cursor: pointer; position: relative; } .id-purchase-form .ign-checkout-price label { border-bottom: 1px solid !important; font-size: 14px !important; font-weight: normal !important; } .id-purchase-form button, .id-purchase-form input[type="submit"], .id-purchase-form input[type="button"] { background-clip: inherit; background-color: #000000; background-image: none; border: 0 none !important; border-radius: 0 0 0 0 !important; color: #FFFFFF !important; cursor: pointer; float: right !important; font-family: FuturaStd-Book !important; font-size: 18px !important; height: auto; margin-right: 5px !important; padding: 14px; text-shadow: none !important; } .id-purchase-form button:hover, .id-purchase-form input[type="submit"]:hover, .id-purchase-form input[type="button"]:hover { background-image: none !important; }