silkroadtrans.uz
Open in
urlscan Pro
2a05:3a80:0:1::98
Public Scan
Submitted URL: http://silkroadtrans.uz/wp-content/themes/wheelco/style.css?ver=6.6.2
Effective URL: https://silkroadtrans.uz/wp-content/themes/wheelco/style.css?ver=6.6.2
Submission: On November 01 via api from US — Scanned from DE
Effective URL: https://silkroadtrans.uz/wp-content/themes/wheelco/style.css?ver=6.6.2
Submission: On November 01 via api from US — Scanned from DE
Form analysis
0 forms found in the DOMText Content
/* Theme Name: Wheelco Theme URI: http://wheelco.bold-themes.com Description: Responsive theme. Version: 1.2.5 Author: BoldThemes Author URI: http://bold-themes.com Tags: one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: wheelco License: GNU General Public License version 3.0 & Envato Regular/Extended License License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses All PHP code is released under the GNU General Public Licence version 3.0 All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License [Table of contents] 1. Base 2. Typography 3. Bootstrap grid 4. Bold themes grid 5. Template 6. Header 7. Footer 8. Post 9. Widgets 10. Elements 11. Color schemes 12. Woocommerce 13. Cost calculator 14. Typography etc responsive 15. Woocommerce screens 16. Fixes 17. Gutenberg */ /* Fonts */ /* Template fonts, edit in config.php */ /* Base font */ /* Base menu font */ /* Headline fond */ /* Headline supertitle font */ /* Headline subtitle font */ /* Variables */ // Base font size // Base font color // Base bg color // Base border color // Sub bg color // Base font color // Base bg color // Base border color // Sub bg color // Main color // Dark main color // Darker main color // Very darker main color // Light main color // Transparent main color // Secondary color // Dark secondary color // Darker secondary color // Light secondary color // Transparent secondary color // Base gutter width // Sidebar width (%) // Padding between sidebar and sontent // Left and right page padding for boxed content // Default spacing in grid gallery // Defines logo height and menu line height Defines menu height whwn below menu // Top and bottom padding of the whole horizontal menu (px) // Padding between horizontal menu elements (px) // Width of the vertical menu (px) // dropdown width (px) // Base font size // Small icon size // Small icon size // Small icon size // Small icon size // Small icon size // Soft border radius // Soft border radius/* Mixins */ /* @ include btMaxLines(lines, line-height); */ /* @fragment btClear; */ /* Aliases */ /* @selector accentSkinSelector :any(.bt_bb_color_scheme_5, .bt_bb_color_scheme_6); */ /* @selector darkSkinSelector :any(.btDarkSkin, .bt_bb_color_scheme_1, .bt_bb_color_scheme_3, .bt_bb_color_scheme_6); @selector lightSkinSelector :any(.btLightSkin, .bt_bb_color_scheme_2, .bt_bb_color_scheme_4, .bt_bb_color_scheme_5); */ /* Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video { display: block; } audio, canvas, video { display: inline-block; } *:focus, * { outline: none; outline: 0; } .touch * { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0,0,0,0); } button::-moz-focus-inner { border: 0; } audio:not([controls]) { display: none; height: 0; } html, body { margin: 0; padding: 0; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; background-repeat: no-repeat; } /* FloatClears */ .btClear:after { content: " "; display: table; width: 100%; clear: both; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Skin */ .btDarkSkin, .bt-dark-skin { color: #fff; background-color: #252525; } .btLightSkin { color: #181818; background-color: #f5f5f5; } .btLightSkin select, .btLightSkin textarea, .btLightSkin input, .btLightSkin .fancy-select .trigger, .btDarkSkin .btLightSkin select, .btDarkSkin .btLightSkin textarea, .btDarkSkin .btLightSkin input, .btDarkSkin .btLightSkin .fancy-select .trigger, .btLightSkin .btDarkSkin .btLightSkin select, .btLightSkin .btDarkSkin .btLightSkin textarea, .btLightSkin .btDarkSkin .btLightSkin input, .btLightSkin .btDarkSkin .btLightSkin .fancy-select .trigger { border: 1px solid rgba(0,0,0,.1); color: #181818; } .btDarkSkin select, .btDarkSkin textarea, .btDarkSkin input, .btDarkSkin .fancy-select .trigger, .bt-dark-skin select, .bt-dark-skin textarea, .bt-dark-skin input, .bt-dark-skin .fancy-select .trigger, .btLightSkin .btDarkSkin select, .btLightSkin .btDarkSkin textarea, .btLightSkin .btDarkSkin input, .btLightSkin .btDarkSkin .fancy-select .trigger, .btDarkSkin.btLightSkin .btDarkSkin select, .btDarkSkin.btLightSkin .btDarkSkin textarea, .btDarkSkin.btLightSkin .btDarkSkin input, .btDarkSkin.btLightSkin .btDarkSkin .fancy-select .trigger { border: 1px solid rgba(255,255,255,.5); color: #fff; } /* .btHardRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 50%;} .btSoftRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 5px;} */ /* Form elements */ select, input { font-family: Roboto; } input:not([type='checkbox']):not([type='radio']), button { -webkit-appearance: none; } input:not([type='checkbox']):not([type='radio']), textarea, select { outline: none; font: inherit; width: 100%; background: transparent; line-height: 1; width: 100%; display: block; padding: .8em; background: transparent; } .btTextRight input:not([type='checkbox']):not([type='radio']), .btTextRight textarea, .btTextRight select { text-align: right; } input:not([type='checkbox']):not([type='radio']), select { height: 3.2em; } /*input:not([type='checkbox']):not([type='radio']), a.select2-choice { .btHardRoundedButtons & {border-radius: $(hardBorderRadius);} .btSoftRoundedButtons & {border-radius: $(softBorderRadius);} } textarea, select { .btHardRoundedButtons & {border-radius: 20px;} .btSoftRoundedButtons & {border-radius: $(softBorderRadius);} }*/ input:not([type='checkbox']):not([type='radio']):not([type='submit']), textarea, .fancy-select .trigger { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, textarea:focus, .fancy-select .trigger.open { -webkit-box-shadow: 0 0 4px 0 #FFAE02; box-shadow: 0 0 4px 0 #FFAE02; } textarea { resize: vertical; line-height: inherit; } button { font: inherit; cursor: pointer; } .btDarkSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, .bt-dark-skin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, .btLightSkin .btDarkSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, .btDarkSkin.btLightSkin .btDarkSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, .btDarkSkin textarea:focus, .bt-dark-skin textarea:focus, .btLightSkin .btDarkSkin textarea:focus, .btDarkSkin.btLightSkin .btDarkSkin textarea:focus, .btDarkSkin .fancy-select .trigger.open, .bt-dark-skin .fancy-select .trigger.open, .btLightSkin .btDarkSkin .fancy-select .trigger.open, .btDarkSkin.btLightSkin .btDarkSkin .fancy-select .trigger.open { border: 1px solid #fff; } :accentSkinSelector input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, :accentSkinSelector textarea:focus, :accentSkinSelector .fancy-select .trigger.open { border: 1px solid #fff; } .bt_bb_color_scheme_5 input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, .bt_bb_color_scheme_5 textarea:focus, .bt_bb_color_scheme_5 .fancy-select .trigger.open { border: 1px solid #181818 !important; } .bt_bb_color_scheme_6 input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, .bt_bb_color_scheme_6 textarea:focus, .bt_bb_color_scheme_6 .fancy-select .trigger.open { border: 1px solid #fff !important; } /* Iframe resize fix */ /*:any( embed, iframe, img, figure ) { max-width: 100%; height: auto; }*/ .bt-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .bt-video-container iframe, .bt-video-container object, .bt-video-container embed, .bt-video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Texts */ img, figure { max-width: 100%; height: auto; } pre code { display: block; } pre { overflow: hidden; } .btContentHolder pre { margin: 0 0 30px; white-space: pre-wrap; padding: 20px; border: 1px solid rgba(0,0,0,.1); } /* Href */ a { text-decoration: none; -webkit-transition: color 200ms ease; -moz-transition: color 200ms ease; transition: color 200ms ease; color: inherit; } .btContent a { color: #FFAE02; } a:hover { text-decoration: none; color: #FFAE02; } .btContent a:hover { color: inherit; } .btText a { color: #FFAE02; } .btText a:hover { text-decoration: underline; } a img { border: none; } a, a:active, a:focus { outline: none; } /* Base typography */ p, dl, address, cite { margin: 0 0 1em; } ul { margin: 0 0 1em 1em; padding: 0; } ul ul { margin-bottom: 0; } .rtl ul { margin: 0 1em 1em 0; } .rtl ul ul { margin-bottom: 0; } ol { margin: 0 0 1em 1em; padding: 0; } ol ol { margin-bottom: 0; } .rtl ol { margin: 0 1em 1em 0; } .rtl ol ol { margin-bottom: 0; } li { margin: 0 0 0 .5em; padding: 0; } .btText li { margin-left: 1em; } dt { font-weight: 600; display: inline; padding-right: .75em; } dd { margin: 0 0 1.5em 3.5em; } dd p { display: inline; } dd:after { content: ' '; display: table; clear: both; } figcaption { font-size: inherit; } /* Base font */ html { font-size: 16px; } body { font-family: "Roboto",Arial,sans-serif; font-weight: 400; line-height: 1.8em; background-size: cover; background-attachment: fixed; } small { font-size: 14px; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "Roboto"; } h1:after, h2:after, h3:after, h4:after, h5:after, h6:after { content: " "; display: table; width: 100%; clear: both; } h1, h2, h3, h4, h5, h6 { clear: both; padding: 0 0 .4em; line-height: 1.1; margin: 0; font-weight: 300; } h1 { font-size: 3em; } h2 { font-size: 2.5em; } h3 { font-size: 2em; } h4 { font-size: 1.75em; } h5 { font-size: 1.5em; } h6 { font-size: 1.25em; } /* Blockquotes*/ blockquote { position: relative; display: block; font-size: 2.2em; line-height: 1.5em; font-weight: 100; } .btArticleContent blockquote { font-size: 1.1em; line-height: inherit; line-height: 2em; font-weight: normal; padding-left: .8em; } .btArticleContent blockquote:before { left: 0; } .bt_bb_align_left .bt_bb_align_centerblockquote,.bt_bb_align_right .bt_bb_align_centerblockquote,.bt_bb_align_left .bt_bb_align_center blockquote,.bt_bb_align_right .bt_bb_align_center blockquote,.bt_bb_align_centerblockquote,.bt_bb_align_center blockquote { margin: 0; } blockquote:after { content: " "; display: table; width: 100%; clear: both; } blockquote:before { content: '\f10d'; color: inherit; opacity: .1; font-family: FontAwesome; display: block; font-size: 3em; line-height: 1; position: absolute; left: -.5em; right: 0; } .bt_bb_align_right .bt_bb_align_leftblockquote:before,.bt_bb_align_center .bt_bb_align_leftblockquote:before,.bt_bb_align_right .bt_bb_align_left blockquote:before,.bt_bb_align_center .bt_bb_align_left blockquote:before,.bt_bb_align_leftblockquote:before,.bt_bb_align_left blockquote:before { right: auto; left: -.4em; margin-left: 0; top: auto; } .bt_bb_align_left .bt_bb_align_rightblockquote:before,.bt_bb_align_center .bt_bb_align_rightblockquote:before,.bt_bb_align_left .bt_bb_align_right blockquote:before,.bt_bb_align_center .bt_bb_align_right blockquote:before,.bt_bb_align_rightblockquote:before,.bt_bb_align_right blockquote:before { right: -.4em; left: auto; margin-left: 0; top: auto; } .bt_bb_align_left .bt_bb_align_centerblockquote:before,.bt_bb_align_right .bt_bb_align_centerblockquote:before,.bt_bb_align_left .bt_bb_align_center blockquote:before,.bt_bb_align_right .bt_bb_align_center blockquote:before,.bt_bb_align_centerblockquote:before,.bt_bb_align_center blockquote:before { left: 50%; right: auto; margin-left: -.5em; top: -.3em; } cite { opacity: .6; font-style: normal; } /* Tables */ .btContentHolder table { width: 100%; margin: 0 0 1em; border-collapse: collapse; text-align: initial; border: 1px solid rgba(0,0,0,.07); } .btContentHolder table td, .btContentHolder table th { padding: 1em; border: 1px solid rgba(0,0,0,.07); } .btContentHolder table th { text-align: left; } .btContentHolder table thead th { font-weight: 700; background-color: #FFAE02; color: white; } .bt_bb_layout_boxed_600 .bt_bb_cell { width: 600px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } .bt_bb_layout_boxed_700 .bt_bb_cell { width: 700px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } .bt_bb_layout_boxed_800 .bt_bb_cell { width: 800px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } .bt_bb_layout_boxed_900 .bt_bb_cell { width: 900px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } .bt_bb_layout_boxed_1000 .bt_bb_cell { width: 1000px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } .bt_bb_layout_boxed_1100 .bt_bb_cell { width: 1100px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } .bt_bb_layout_boxed_1200 .bt_bb_cell { width: 1200px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } .bt_bb_layout_boxed_1400 .bt_bb_cell { width: 1400px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } /* Added bootstrap visible / hidden classes */ @media (max-width: 480px) { .visible-xs { display: block !important; } } @media (min-width: 480px) and (max-width:767px) { .visible-ms { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } } @media (max-width: 480px) { .hidden-xs { display: none !important; } } @media (min-width: 480px) and (max-width: 767px) { .hidden-ms { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .bt_bb_section { opacity: .1 !important; } html, body { min-height: 100vh; } body:not(.btPageTransitions) { min-height: 101vh; } body { overflow-x: hidden; } /* RTL support */ body.rtl { direction: rtl; unicode-bidi: embed; } /* Template base */ .btContentWrap { -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); } .btContentWrap:after { content: " "; display: table; width: 100%; clear: both; } .btSiteFooter { -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); } .btPageWrap { position: relative; overflow: hidden; -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); } .btPageWrap:after { content: " "; display: table; width: 100%; clear: both; } /* Z indexes */ .mainHeader, .btVerticalHeaderTop { z-index: 10002; } .btPreloader { z-index: 10004; } /* Gutter port keeps width */ .port { width: 100%; padding: 0 30px; } .gutter .port { max-width: 1260px; margin: auto; } .btWithSidebar .btContent .gutter .port { padding: 0; } @media (max-width: 1259px) { .gutter .port { width: 100%; max-width: none; padding-left: 30px; padding-right: 30px; } .btMenuVerticalRight .btVerticalMenuTrigger { margin: 0; } } /*@media (max-width: 768px) { .gutter .port { .btWithSidebar .btContent & { padding-left: $(pagePadding)px; padding-right: $(pagePadding)px; } } }*/ /* Content holder and sidebars*/ .btNoSidebar .btContentHolder, .btNoSidebar .btContent { width: auto; padding: 0; } .btWithSidebar .btContentHolder { max-width: 1260px; margin: auto; padding: 4em 30px 4em; display: -ms-flexbox; display: -webkit-flex; display: flex; } .btWithSidebar .btContentHolder .btContent { width: 75%; } .btWithSidebar .btContentHolder .btSidebar { width: 25%; padding: 0; } .btSidebarLeft.btWithSidebar .btContentHolder { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .btSidebarLeft.btWithSidebar .btContentHolder .btSidebar { padding-right: 20px; } .rtl.btSidebarLeft.btWithSidebar .btContentHolder .btSidebar { padding-right: 0; padding-left: 20px; } .btSidebarLeft.btWithSidebar .btContentHolder .btContent { padding-left: 20px; } .rtl.btSidebarLeft.btWithSidebar .btContentHolder .btContent { padding-left: 0; padding-right: 20px; } .btSidebarRight.btWithSidebar .btContentHolder .btSidebar { padding-left: 20px; } .rtl.btSidebarRight.btWithSidebar .btContentHolder .btSidebar { padding-left: 0; padding-right: 20px; } .btSidebarRight.btWithSidebar .btContentHolder .btContent { padding-right: 20px; } .rtl.btSidebarRight.btWithSidebar .btContentHolder .btContent { padding-right: 0; padding-left: 20px; } /* Responsive */ @media (max-width: 768px) { .btWithSidebar.btSidebarRight .btContentHolder, .btWithSidebar.btSidebarLeft .btContentHolder { display: block; } .btWithSidebar.btSidebarRight .btContentHolder .btContent, .btWithSidebar.btSidebarLeft .btContentHolder .btContent, .btWithSidebar.btSidebarRight .btContentHolder .btSidebar, .btWithSidebar.btSidebarLeft .btContentHolder .btSidebar { width: auto; float: none; padding: 0; } .btWithSidebar.btSidebarRight .btContentHolder .btSidebar, .btWithSidebar.btSidebarLeft .btContentHolder .btSidebar { padding-top: 4em; } } /* Preloader */ .btPreloader { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; bottom: 0; background-color: inherit; width: 100%; vertical-align: middle; text-align: center; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all .3s ease,opacity .3s ease; -moz-transition: all .3s ease,opacity .3s ease; transition: all .3s ease,opacity .3s ease; } .btPreloader .animation { display: block; width: 100%; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: transform .3s ease,opacity .3s ease; -moz-transition: transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease; } .btAccentDarkHeader .btPreloader .animation > div:first-child, .btLightAccentHeader .btPreloader .animation > div:first-child, .btTransparentLightHeader .btPreloader .animation > div:first-child { border-radius: 10px; padding: .7em 1.2em; display: inline-block; background-color: #FFAE02; } .btPreloader .animation > div img { margin: 0 auto; } .btRemovePreloader .btPreloader { -webkit-transform: translateY(-100%) scale(0); -moz-transform: translateY(-100%) scale(0); -ms-transform: translateY(-100%) scale(0); transform: translateY(-100%) scale(0); opacity: 0; -webkit-transition: transform ease 1s,opacity ease 1s; -moz-transition: transform ease 1s,opacity ease 1s; transition: transform ease 1s,opacity ease 1s; } .btRemovePreloader .btPreloader .animation { -webkit-transform: translateY(0) scale(.9); -moz-transform: translateY(0) scale(.9); -ms-transform: translateY(0) scale(.9); transform: translateY(0) scale(.9); opacity: 0; -webkit-transition: transform .5s ease,opacity ease .5s; -moz-transition: transform .5s ease,opacity ease .5s; transition: transform .5s ease,opacity ease .5s; } .btPreloader .animation .preloaderLogo { height: 80px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; width: auto; display: block; line-height: 1; } .btMenuVerticalRightEnabled .btPreloader .animation .preloaderLogo, .btMenuVerticalLeftEnabled .btPreloader .animation .preloaderLogo { height: 160px; } /* Loader */ .btLoader { margin: 30px auto 30px auto; font-size: 6px; position: relative; text-indent: -9999em; border-left: 5px solid rgba(128,128,128,.1); border-right: 5px solid rgba(128,128,128,.1); border-bottom: 5px solid rgba(128,128,128,.2); -webkit-animation: btLoader 1.1s infinite linear; -moz-animation: btLoader 1.1s infinite linear; animation: btLoader 1.1s infinite linear; } .btLightSkin .btLoader, .btDarkSkin .btLightSkin .btLoader, .btLightSkin .btDarkSkin .btLightSkin .btLoader { border-top: 5px solid #181818; } .btDarkSkin .btLoader, .bt-dark-skin .btLoader, .btLightSkin .btDarkSkin .btLoader, .btDarkSkin.btLightSkin .btDarkSkin .btLoader { border-top: 5px solid #fff; } .btLoader p:empty { display: none; } .btLoader, .btLoader:after { border-radius: 50%; width: 64px; height: 64px; } @-webkit-keyframes btLoader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes btLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes btLoader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes btLoader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } /* Error page */ .btErrorPage { min-height: 70vh; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: -webkit-flex; display: flex; background-position: 10% bottom; background-size: initial; } .btErrorPage .port { padding-top: 6em; padding-bottom: 6em; } /* Breadcrumbs */ .btBreadCrumbs { text-transform: uppercase; } .btBreadCrumbs span { display: inline-block; margin-left: 0; padding-left: 0; } .btBreadCrumbs span:not(:last-child):after { content: ' '; display: inline-block; margin: -2px 10px 0 10px; letter-spacing: inherit; width: 4px; height: 4px; border-radius: 50%; line-height: inherit; vertical-align: middle; } .btLightSkin .btBreadCrumbs span:not(:last-child):after, .btDarkSkin .btLightSkin .btBreadCrumbs span:not(:last-child):after, .btLightSkin .btDarkSkin .btLightSkin .btBreadCrumbs span:not(:last-child):after { background-color: #181818; } .btDarkSkin .btBreadCrumbs span:not(:last-child):after, .bt-dark-skin .btBreadCrumbs span:not(:last-child):after, .btLightSkin .btDarkSkin .btBreadCrumbs span:not(:last-child):after, .btDarkSkin.btLightSkin .btDarkSkin .btBreadCrumbs span:not(:last-child):after { background-color: #fff; } /* Page headline */ .btPageHeadline { background-color: rgba(0,0,0,.07); background-size: cover; } .btPageHeadline header { max-width: 768px; -ms-word-wrap: break-word; word-wrap: break-word; } .btMenuCenter .btPageHeadline header { margin: auto; } .btPageHeadline .bt_bb_port { padding-bottom: 6em; padding-top: 6em; } body.btBelowMenu .btPageHeadline .bt_bb_port { padding-top: 16em; } /* Boxed page */ .btBoxedPage .btPageWrap { max-width: 1200px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15); box-shadow: 0 0 20px 0 rgba(0,0,0,.15); margin-bottom: 3em; margin: 0 auto 3em; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .btStickyHeaderActive.btBoxedPage .mainHeader { max-width: 1200px; } .btLightSkin.btBoxedPage .btContentWrap { background-color: #f5f5f5; } .btDarkSkin.btBoxedPage .btContentWrap { background-color: #252525; } .btErrorPage { min-height: 70vh; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: -webkit-flex; display: flex; } .btErrorPage .port { padding-top: 6em; padding-bottom: 6em; } /* Password Protected page */ .post-password-form { max-width: 85% !important; margin: 200px auto 50px auto !important; } /* Boxed page */ .btBoxedPage .btPageWrap { overflow: initial; } /* No search results */ .btNoSearchResults .bt_bb_port { display: block; max-width: 1260px; margin: 0 auto; } .btNoSearchResults .bt_bb_port #searchform { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btNoSearchResults .bt_bb_port #searchform input[type='search'] { -webkit-flex-basis: 80%; flex-basis: 80%; margin-right: 1em; padding: 1em 1.5em; } .btNoSearchResults .bt_bb_port #searchform input[type='submit'] { -webkit-flex-basis: 15%; flex-basis: 15%; height: auto; cursor: pointer; text-transform: uppercase; font-size: .8em; letter-spacing: 1px; font-weight: 700; line-height: 1; border: none; -webkit-box-shadow: 0 0 0 2px #FFAE02 inset; box-shadow: 0 0 0 2px #FFAE02 inset; color: #FFAE02; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btHardRoundedButtons .btNoSearchResults .bt_bb_port #searchform input[type='submit'] { border-radius: 50px; } .btSoftRoundedButtons .btNoSearchResults .bt_bb_port #searchform input[type='submit'] { border-radius: 3px; } .btNoSearchResults .bt_bb_port #searchform input[type='submit']:hover { border: none; -webkit-box-shadow: 0 0 0 3em #FFAE02 inset; box-shadow: 0 0 0 3em #FFAE02 inset; color: #fff; } .btNoSearchResults .bt_bb_port .bt_bb_button { display: inline-block; line-height: 1; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .btNoSearchResults .bt_bb_port .bt_bb_button a { text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .btNoSearchResults .bt_bb_port .bt_bb_button a .bt_bb_text { float: right; } .btNoSearchResults .bt_bb_port .bt_bb_button a .bt_bb_icon_holder { margin-right: .5em; float: left; line-height: 1; } .btNoSearchResults .bt_bb_port .bt_bb_button a .bt_bb_icon_holder:before { content: "\e90b"; font-family: Dripicons; } @media (max-width: 620px) { .btNoSearchResults .bt_bb_port #searchform { display: block; } .btNoSearchResults .bt_bb_port #searchform input[type='search'] { margin-right: 0; margin-bottom: 1em; } .btNoSearchResults .bt_bb_port #searchform input[type='submit'] { height: 3.2em; } } /* Header */ .mainHeader { width: 100%; position: absolute; background-color: inherit; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); font-family: "Roboto"; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; visibility: hidden; opacity: 0; } .btMenuInitFinished .mainHeader { visibility: initial; opacity: 1; } .mainHeader:after { content: " "; display: table; width: 100%; clear: both; } .mainHeader a { color: inherit; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; transition: color 100ms linear; } .mainHeader a:hover { color: #FFAE02; } .btPageTransitions .mainHeader { z-index: 1020; } /* Below menu */ .btMenuHorizontal:not(.btBelowMenu) .mainHeader { -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.15); box-shadow: 0 0 15px 0 rgba(0,0,0,.15); } .btTransparentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader { background-color: #fff; } /* Main menu */ .btLogoArea { position: relative; z-index: 1; } .menuPort { font-family: "Roboto"; font-size: 15px; } .menuPort:after { content: " "; display: table; width: 100%; clear: both; } .menuPort nav ul { list-style: none; display: block; margin: 0; padding: 0; -webkit-transition: all 100ms ease 0s; -moz-transition: all 100ms ease 0s; transition: all 100ms ease 0s; } .menuPort nav ul li { display: block; margin: 0; padding: 0; position: relative; } .menuPort nav ul li a { display: block; position: relative; padding: 1em 1em; font-weight: 400; } .menuPort nav ul li a:hover { color: #FFAE02; text-decoration: none; } .menuPort nav ul ul li { -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; } .menuPort nav ul ul li.on { opacity: 1; } .menuPort ul > li > ul { opacity: 0; pointer-events: none; } .menuPort nav > ul > li > a { line-height: 80px; padding: 0; } .btBelowLogoArea .menuPort nav > ul > li > a { line-height: 50px; } .btAccentDarkHeader .menuPort a:hover { color: #fff; } .menuPort nav ul ul li a { font-weight: 400; } /* Logo and triggers */ .btTextLogo { font-family: "Roboto"; font-size: 2em; font-weight: 800; line-height: 80px; } .btMenuVertical .btTextLogo { line-height: 48px; } .btLogoArea .logo { line-height: 0; float: left; } .btMenuVertical .btLogoArea .logo { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; } .rtl .btLogoArea .logo { float: right; } .btLogoArea .logo img { height: 80px; width: auto; display: block; } .btMenuVertical .btLogoArea .logo img { height: 48px; } .btMenuCenter .btLogoArea .logo img { margin: auto; } .btLogoArea .logo img.btAltLogo { display: none; } /* Hide menu */ .btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger { display: block; position: relative; z-index: 1; } .btStickyHeaderActive.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger .bt_bb_icon { margin: 16px 0; } .btMenuHorizontal.btHideMenu .menuPort { opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; transition: opacity 1s ease; pointer-events: none; } .btShowMenu.btMenuHorizontal.btHideMenu .menuPort { opacity: 1 !important; pointer-events: all; } .btHorizontalMenuTrigger { display: none; float: right; margin: 0 0 0 .5em; font-size: 1.5em; } .btHorizontalMenuTrigger .bt_bb_icon { width: 24px; height: 20px; position: relative; padding: 0; float: left; margin: 30px 0; } .btHorizontalMenuTrigger .bt_bb_icon:before, .btHorizontalMenuTrigger .bt_bb_icon:after { position: absolute; display: block; content: ""; border-top-width: 2px; border-top-style: solid; left: 0; right: 0; top: 0; -webkit-transition: 300ms ease all; -moz-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: -.75px 1px; -moz-transform-origin: -.75px 1px; -ms-transform-origin: -.75px 1px; transform-origin: -.75px 1px; } .btShowMenu .btHorizontalMenuTrigger .bt_bb_icon:before, .btShowMenu .btHorizontalMenuTrigger .bt_bb_icon:after { -webkit-transform: rotate(45deg) translateY(0) !important; -moz-transform: rotate(45deg) translateY(0) !important; -ms-transform: rotate(45deg) translateY(0) !important; transform: rotate(45deg) translateY(0) !important; } .btTransparentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:before, .btAccentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:before, .btLightDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:before, .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:before, .btTransparentDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:before, .btLightDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:before, .btTransparentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:after, .btAccentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:after, .btLightDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:after, .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:after, .btTransparentDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:after, .btLightDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:after { border-top-color: #181818; } .btTransparentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:before, .btAccentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:before, .btLightAccentHeader .btHorizontalMenuTrigger .bt_bb_icon:before, .btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:before, .btTransparentDarkHeader.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:before, .btTransparentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:after, .btAccentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:after, .btLightAccentHeader .btHorizontalMenuTrigger .bt_bb_icon:after, .btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:after, .btTransparentDarkHeader.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:after { border-top-color: #fff; } .btHorizontalMenuTrigger .bt_bb_icon:after { top: auto; bottom: 0; } .btShowMenu .btHorizontalMenuTrigger .bt_bb_icon:after { -webkit-transform: rotate(-45deg) translateY(0) !important; -moz-transform: rotate(-45deg) translateY(0) !important; -ms-transform: rotate(-45deg) translateY(0) !important; transform: rotate(-45deg) translateY(0) !important; } .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { content: ""; position: absolute; display: block; content: ""; border-top-width: 2px; border-top-style: solid; left: 0; right: 0; top: 50%; margin-top: -1px; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .btShowMenu .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { -webkit-transform: scaleX(0) !important; -moz-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; } .btTransparentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btAccentLightHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btLightDarkHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btTransparentDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btLightDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #181818; } .btTransparentLightHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btAccentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btLightAccentHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btTransparentDarkHeader.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #fff; } .btHorizontalMenuTrigger:hover { cursor: pointer; color: inherit; } .btTransparentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before, .btTransparentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before, .btAccentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before, .btAccentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before, .btLightDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before, .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger:hover .bt_bb_icon:before, .btTransparentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after, .btTransparentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after, .btAccentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after, .btAccentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after, .btLightDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after, .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger:hover .bt_bb_icon:after { border-top-color: #FFAE02; } .btLightAccentHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before, .btLightAccentHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after { border-top-color: #181818; } .btHorizontalMenuTrigger:hover .bt_bb_icon:before { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .btShowMenu .btHorizontalMenuTrigger:hover .bt_bb_icon:before { -webkit-transform: rotate(0) translateY(-5px); -moz-transform: rotate(0) translateY(-5px); -ms-transform: rotate(0) translateY(-5px); transform: rotate(0) translateY(-5px); } .btHorizontalMenuTrigger:hover .bt_bb_icon:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .btShowMenu .btHorizontalMenuTrigger:hover .bt_bb_icon:after { -webkit-transform: rotate(0) translateY(5px); -moz-transform: rotate(0) translateY(5px); -ms-transform: rotate(0) translateY(5px); transform: rotate(0) translateY(5px); } .btShowMenu .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .btTransparentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btTransparentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btAccentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btAccentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btLightDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #FFAE02; } .btLightAccentHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #181818; } /* Only horizontal menu */ .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after { content: ' '; display: block; position: absolute; z-index: 5; bottom: 0; left: 0; right: 0; pointer-events: none; height: 4px; background-color: #FFAE02; } .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-ancestor > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-item > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-ancestor > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-item > a { color: #FFAE02; } /* Drop down menu */ .btMenuHorizontal .menuPort ul ul { background-color: #f5f5f5; } .btMenuHorizontal .menuPort ul ul li a { padding-left: 1.5em; padding-right: 1.5em; color: #181818; } .btMenuHorizontal .menuPort ul ul li a:hover { color: #FFAE02; } .btMenuHorizontal .menuPort ul ul li .subToggler { color: #181818; } .btMenuHorizontal .menuPort ul ul li:not(:last-child) > a:after { content: ' '; display: block; position: absolute; left: 1.5em; right: 1.5em; bottom: 0; height: 1px; background-color: rgba(0,0,0,.1); } /* Subtogglers */ .subToggler { display: none; cursor: pointer; position: absolute; top: 0; width: 45px; z-index: 80; padding: 0; text-align: center; } .on > .subToggler { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } body.btMenuVertical .subToggler { display: block !important; padding: 20px 0; line-height: 1; right: 0; top: -5px; } body.btMenuHorizontal .subToggler { right: 15px; line-height: 80px; } body.rtl.btMenuHorizontal.btMenuCenterBelow .subToggler { right: auto; left: 0; } body.btMenuHorizontal.rtl .subToggler { left: 15px; right: auto; } body.btMenuHorizontal.btMenuBelowLogo .subToggler { line-height: 50px; } body.btMenuHorizontal .menuPort ul ul .subToggler { right: 0; line-height: inherit; padding: 1em 0; } body.btMenuHorizontal .menuPort .rightNav ul ul .subToggler { left: 0; right: auto; } .subToggler:before { content: '\f107'; font: normal 16px/1 FontAwesome; } .touch .btMenuHorizontal .menuPort nav ul li .subToggler { display: block; } /* Horizontal menu, no need for override on responsive */ .btMenuHorizontal .menuPort > nav > ul > li { padding: 0 50px 0 0; } .rtl.btMenuHorizontal .menuPort > nav > ul > li { padding: 0 0 0 50px; } .rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child { padding: 0; } :not(.rtl).btMenuHorizontal .menuPort > nav > ul > li:last-child { padding: 0; } html.touch :not(.rtl).btMenuHorizontal .menuPort > nav > ul > li.menu-item-has-children { padding: 0 50px 0 0; } html.touch .rtl.btMenuHorizontal .menuPort > nav > ul > li.menu-item-has-children { padding: 0 0 0 50px; } .btMenuHorizontal .menuPort > nav > ul > li > ul > li { font-size: .9em; } .btMenuHorizontal .menuPort > nav > ul ul { position: absolute; width: 220px; right: 0; top: auto; margin: 0; pointer-events: none; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4); box-shadow: 0 0 10px 0 rgba(0,0,0,.4); z-index: 1; padding: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .btMenuHorizontal .menuPort > nav > ul ul li { z-index: 4; float: none; } .btMenuHorizontal .menuPort > nav > ul ul ul { display: block; top: 0; margin: 0; pointer-events: none; } .btMenuHorizontal .menuPort > nav > ul li.current-menu-item ul, .btMenuHorizontal .menuPort > nav > li.current-menu-ancestor ul { margin: 0; } .btMenuHorizontal .menuPort > nav > ul > li { float: left; position: relative; z-index: 5; } .rtl.btMenuHorizontal .menuPort > nav > ul > li { float: right; } .btMenuHorizontal .menuPort > nav > ul > li.on > ul { opacity: 1; pointer-events: auto; z-index: 2; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .btMenuHorizontal .menuPort > nav > ul > li.on > ul > li.on > ul { opacity: 1; pointer-events: auto; z-index: 3; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .btMenuHorizontal .menuPort > nav > ul > li > ul li a { -webkit-transition: box-shadow ease 300ms; -moz-transition: box-shadow ease 300ms; transition: box-shadow ease 300ms; } .btMenuHorizontal .menuPort > nav > ul > li > ul li a:hover { -webkit-box-shadow: inset 5px 0 0 0 #FFAE02; box-shadow: inset 5px 0 0 0 #FFAE02; } /* Rounded corners */ .btMenuHorizontal.btSoftRoundedButtons.btMenuBelowLogo .mainHeader.gutter .btBelowLogoArea { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .btMenuHorizontal.btAccentLightHeader.btSoftRoundedButtons.btMenuBelowLogo .mainHeader.gutter .btBelowLogoArea, .btMenuHorizontal.btAccentDarkHeader.btHardRoundedButtons.btMenuBelowLogo .mainHeader.gutter .btBelowLogoArea, .btMenuHorizontal.btLightDarkHeader.btHardRoundedButtons.btMenuBelowLogo .mainHeader.gutter .btBelowLogoArea { border-radius: 3px; } .btMenuHorizontal.btLightAccentHeader.btSoftRoundedButtons.btMenuBelowLogo .mainHeader.gutter .btLogoArea { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } /* Menu positions */ .btMenuHorizontal .menuPort ul ul { right: auto; left: 0; } .btMenuHorizontal .menuPort ul ul ul { left: 220px; right: auto; } .rtl.btMenuHorizontal .menuPort ul ul ul { left: auto; right: 220px; } .btMenuHorizontal .menuPort nav { float: left; padding-left: 50px; } .rtl.btMenuHorizontal .menuPort nav { padding-right: 50px; padding-left: 0; } .btMenuHorizontal.btMenuRight .menuPort nav { float: right; } /* /* Uncomment this to allow last item switch /* @media (max-width: math($(baseTemplateWidth)+$(dropdownWidth))px) { .btMenuHorizontal.btMenuRight { .menuPort > nav > ul > li:last-child ul { text-align: right; right: 0px; left: auto; .rtl& { left: 0px; right: 0; } ul { left: -$(dropdownWidth)px; right: auto; .rtl& { left: auto; right: -$(dropdownWidth)px; } } } } }*/ .btMenuHorizontal.btMenuCenter .logo { position: relative; z-index: 8; margin: 0 0 0 50%; } .btMenuHorizontal.btMenuCenter .menuPort nav { float: none; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav { position: absolute; right: 50%; left: auto; padding: 0; padding-right: 50px; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul { float: right; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul { right: auto; left: -20px; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul ul { left: 220px; right: auto; } .btMenuHorizontal.btMenuCenter .menuPort .rightNav { position: absolute; left: 50%; right: auto; padding-left: 50px; } .btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul { right: -20px; left: auto; } .btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul ul { right: 220px; left: auto; } .btMenuHorizontal.btMenuCenter .menuPort .rightNav li { text-align: right; } .btMenuHorizontal.btMenuCenterBelow .logo { float: none; } .btMenuHorizontal.btMenuCenterBelow .logo img { margin-left: auto; margin-right: auto; } .btMenuHorizontal.btMenuCenterBelow .gutter .port { position: relative; } .btMenuHorizontal.btMenuCenterBelow .topBarInLogoArea { position: absolute; right: 30px; top: 0; } .rtl.btMenuHorizontal.btMenuCenterBelow .topBarInLogoArea { right: auto; left: 30px; } .btMenuHorizontal.btMenuCenterBelow .menuPort nav { float: none; text-align: center; } .btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li { float: none; display: inline-block; } .btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul li { display: block; text-align: left; } .rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav { float: none !important; } .rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li { padding: 0 0 0 50px !important; } .rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul { left: 0; right: -20px; } .rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul li { text-align: right; } .rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul li ul { right: auto; left: -220px; } .rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li > a:after { left: auto; right: 0; } .btMenuHorizontal.btMenuCenterBelow .topBarInMenu { position: absolute; right: 0; } .rtl.btMenuHorizontal.btMenuCenterBelow .topBarInMenu { right: auto; left: 0; } /* Last menu item (FIX) */ .btMenuHorizontal .menuPort > nav > ul > li:last-child > ul { right: 0; left: auto; } .btMenuHorizontal .menuPort > nav > ul > li:nth-last-child(2) > ul { right: 0; left: auto; } .btMenuHorizontal .menuPort > nav > ul > li:last-child:not(.btMenuWideDropdown) > ul > li > ul { right: 0; left: -100%; } .btMenuHorizontal .menuPort > nav > ul > li:nth-last-child(2):not(.btMenuWideDropdown) > ul > li > ul { right: 0; left: -100%; } /* Wide menu */ html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown { position: static; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul { width: 100%; left: 0; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li { top: auto; border-top: none !important; float: left; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a { border-top: none !important; border-bottom: 1px solid; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before { display: none; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul { opacity: 1; top: auto; margin: 0 !important; width: 100%; right: 0; left: 0; position: relative; -webkit-box-shadow: none; box-shadow: none; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a { border-top: none !important; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > il:not(:last-child) { border-left: 1px solid rgba(0,0,0,.1); } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before { display: none; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li { width: 100%; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu { width: 100%; } html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul { pointer-events: auto; } html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.rightNav > ul > li.btMenuWideDropdown > ul { width: 300%; left: -200%; } html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.leftNav > ul > li.btMenuWideDropdown > ul { width: 300%; right: -200%; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li { width: INF% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li { width: 100% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li { width: 50% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li { width: 33.33333% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li { width: 25% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li { width: 20% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li { width: 16.66667% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li { width: 14.28571% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li { width: 12.5% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li { width: 11.11111% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li { width: 10% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li { width: 9.09091% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li { width: 8.33333% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li { width: 7.69231% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li { width: 7.14286% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li { width: 6.66667% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li { width: 6.25% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li { width: 5.88235% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li { width: 5.55556% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li { width: 5.26316% !important; } html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li { width: 5% !important; } /* Top bar */ .btMenuHorizontal .topBar { font-size: .8em; line-height: 2.5em; z-index: 2; } .btMenuHorizontal .topBar .topBarPort { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .btMenuHorizontal .topBar .topBarPort:after { content: " "; display: table; width: 100%; clear: both; } .btMenuHorizontal .topBar .topBarPort:after, .btMenuHorizontal .topBar .topBarPort:before { display: none; } .btMenuHorizontal .topBarInMenu { line-height: inherit; float: right; display: table; height: 80px; margin-left: 50px; } .rtl.btMenuHorizontal .topBarInMenu { float: left; margin-left: 0; margin-right: 50px; } .btMenuHorizontal .topBarInMenu .topBarInMenuCell { line-height: 48px; display: table-cell; vertical-align: middle; } .btMenuHorizontal .btBelowLogoArea .topBarInMenu { height: 50px; line-height: 50px; } /* Menu bellow logo */ .btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea { padding: 0; z-index: 0; } .btMenuHorizontal.btMenuBelowLogo .menuPort { clear: both; position: relative; margin: 0; float: none; } .btMenuHorizontal.btMenuBelowLogo .menuPort nav { padding: 0; } .rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav { float: right; } .rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li { margin: 0 0 0 50px; } .rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li:last-child { margin: 0 !important; } /* Header styles */ .btAccentDarkHeader:not(.btBelowMenu) .mainHeader, .btAccentDarkHeader:not(.btBelowMenu) .btVerticalHeaderTop, .btLightAccentHeader:not(.btBelowMenu) .mainHeader, .btLightAccentHeader:not(.btBelowMenu) .btVerticalHeaderTop, .btAccentLightHeader:not(.btBelowMenu) .mainHeader, .btAccentLightHeader:not(.btBelowMenu) .btVerticalHeaderTop, .btLightDarkHeader:not(.btBelowMenu) .mainHeader, .btLightDarkHeader:not(.btBelowMenu) .btVerticalHeaderTop { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); box-shadow: 0 0 5px 0 rgba(0,0,0,.2); } /* Keep width above menu */ body.btBelowMenu.btMenuHorizontal.btAccentDarkHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btAccentLightHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btLightAccentHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btLightDarkHeader .mainHeader.gutter { max-width: 1200px; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* Transparent dark */ .btTransparentDarkHeader .mainHeader, .btTransparentDarkHeader .btVerticalHeaderTop { color: #181818; } .btStickyHeaderActive.btTransparentDarkHeader .mainHeader, .btStickyHeaderActive.btTransparentDarkHeader .btVerticalHeaderTop { background-color: #fff; } .btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btTransparentDarkHeader .mainHeader, .btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btTransparentDarkHeader .btVerticalHeaderTop { color: #fff; background-color: #252525; } .btMenuVertical.btTransparentDarkHeader .mainHeader, .btMenuVertical.btTransparentDarkHeader .btVerticalHeaderTop { background-color: #fff; } .btTransparentDarkHeader .btBelowLogoArea .menuPort { border-top: 1px solid rgba(0,0,0,.1); } .btTransparentDarkHeader .topBar .topBarPort .topTools { border-bottom: 1px solid rgba(0,0,0,.1); } /* Transparent light */ .btTransparentLightHeader .mainHeader { color: #fff; } .btStickyHeaderActive.btTransparentLightHeader .mainHeader { background-color: #252525; } .btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btTransparentLightHeader .mainHeader { color: #181818; background-color: #f5f5f5; } .btMenuVertical.btTransparentLightHeader .mainHeader { background-color: #252525; } .btTransparentLightHeader .btVerticalHeaderTop { color: #fff; } .btStickyHeaderActive.btTransparentLightHeader .btVerticalHeaderTop { background-color: #252525; } .btHasAltLogo.btStickyHeaderActive.btTransparentLightHeader .btVerticalHeaderTop { background-color: #f5f5f5; color: #181818; } .btTransparentLightHeader .btBelowLogoArea .menuPort { border-top: 1px solid rgba(255,255,255,.1); } .btTransparentLightHeader .topBar .topTools { border-bottom: 1px solid rgba(255,255,255,.1); } /* Accent light */ .btAccentLightHeader .mainHeader, .btAccentLightHeader .btVerticalHeaderTop { background-color: #f5f5f5; } .btAccentLightHeader .btBelowLogoArea, .btAccentLightHeader .topBar { background-color: #FFAE02; color: #fff; } .btAccentLightHeader .btBelowLogoArea a:hover, .btAccentLightHeader .topBar a:hover { color: #0529A3; } /* Accent dark */ .btAccentDarkHeader .mainHeader, .btAccentDarkHeader .btVerticalHeaderTop { background-color: #FFAE02; color: #181818; } .btAccentDarkHeader .mainHeader .topTools .btIconWidget.btAccentIconWidget .btIconWidgetContent .btIconWidgetText, .btAccentDarkHeader .btVerticalHeaderTop .topTools .btIconWidget.btAccentIconWidget .btIconWidgetContent .btIconWidgetText { font-size: 2em; } .btAccentDarkHeader .mainHeader .topTools .btIconWidget.btAccentIconWidget .btIconWidgetContent .btIconWidgetTitle, .btAccentDarkHeader .btVerticalHeaderTop .topTools .btIconWidget.btAccentIconWidget .btIconWidgetContent .btIconWidgetTitle { font-size: 2em; } .btAccentDarkHeader .btBelowLogoArea, .btAccentDarkHeader .topBar { background-color: #252525; color: #fff; } .btAccentDarkHeader .btBelowLogoArea a:hover, .btAccentDarkHeader .topBar a:hover { color: #FFAE02; } /* Light dark */ .btLightDarkHeader .mainHeader, .btLightDarkHeader .btVerticalHeaderTop { background-color: #f5f5f5; } .btLightDarkHeader .btBelowLogoArea, .btLightDarkHeader .topBar { background-color: #464646; color: #fff; } .btLightDarkHeader.btMenuHorizontal.btBelowMenu .mainHeader { background-color: transparent; } .btLightDarkHeader.btMenuHorizontal.btBelowMenu .btBelowLogoArea { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4); box-shadow: 0 0 5px 0 rgba(0,0,0,.4); } /* Light accent */ .btLightAccentHeader .mainHeader { background-color: #f5f5f5; } .btLightAccentHeader .btLogoArea, .btLightAccentHeader .btVerticalHeaderTop { background-color: #FFAE02; color: #181818; } .btLightAccentHeader.btMenuHorizontal.btBelowMenu .mainHeader { background-color: transparent; } .btLightAccentHeader.btMenuHorizontal.btBelowMenu .mainHeader .btLogoArea { background-color: #FFAE02; } /* Sticky */ .btStickyHeaderActive.btMenuHorizontal .mainHeader { position: fixed; top: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); box-shadow: 0 0 10px 0 rgba(0,0,0,.5); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .btStickyHeaderActive.btMenuHorizontal .mainHeader .topBar { display: none; } .btStickyHeaderActive.btMenuHorizontal .mainHeader .btBelowLogoArea { padding: 0; } .btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .logo img { height: 48px; } .btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .btTextLogo { font-size: 1.5em; line-height: 48px; } .btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .menuPort nav > ul > li > a, .btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .menuPort nav > ul > li > .subToggler { line-height: 48px; } .btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .topBarInMenu { height: 48px; } .btStickyHeaderActive.btMenuBelowLogo.btMenuHorizontal .mainHeader .btLogoArea { display: none; } .btHasAltLogo.btStickyHeaderActive .btMainLogo { display: none; } .btHasAltLogo.btStickyHeaderActive .btAltLogo { display: block !important; } .btMenuVertical.btStickyHeaderActive .btVerticalHeaderTop { position: fixed; top: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); box-shadow: 0 0 10px 0 rgba(0,0,0,.5); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .btMenuVertical.btStickyHeaderActive.btStickyHeaderOpen .btVerticalHeaderTop { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition: transform 200ms ease; -moz-transition: transform 200ms ease; transition: transform 200ms ease; } .btStickyHeaderClosed.btMenuVertical.btStickyHeaderActive.btStickyHeaderOpen .btVerticalHeaderTop { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .btMenuVerticalLeft.btMenuVertical.btStickyHeaderActive.btMenuVerticalOn.btStickyHeaderOpen .btVerticalHeaderTop { -webkit-transform: translateY(0%) translateX(320px); -moz-transform: translateY(0%) translateX(320px); -ms-transform: translateY(0%) translateX(320px); transform: translateY(0%) translateX(320px); } .btMenuVerticalRight.btMenuVertical.btStickyHeaderActive.btMenuVerticalOn.btStickyHeaderOpen .btVerticalHeaderTop { -webkit-transform: translateY(0%) translateX(-320px); -moz-transform: translateY(0%) translateX(-320px); -ms-transform: translateY(0%) translateX(-320px); transform: translateY(0%) translateX(-320px); } .btStickyHeaderClosed.btMenuVertical.btStickyHeaderActive.btMenuVerticalOn.btStickyHeaderOpen .btVerticalHeaderTop { -webkit-transform: translateY(-100%) translateX(320px); -moz-transform: translateY(-100%) translateX(320px); -ms-transform: translateY(-100%) translateX(320px); transform: translateY(-100%) translateX(320px); } .btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader { -webkit-transition: transform 200ms ease; -moz-transition: transform 200ms ease; transition: transform 200ms ease; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .btStickyHeaderClosed.btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /* Vertical and responsive menu */ .btMenuVertical.btStickyHeaderActive.btStickyHeaderOpen .btVerticalHeaderTop { -webkit-transition: transform 200ms ease; -moz-transition: transform 200ms ease; transition: transform 200ms ease; } .btVerticalHeaderTop { display: none; position: absolute; width: 100%; padding-left: 30px; padding-right: 30px; } .btMenuVertical .btVerticalHeaderTop { display: block; } .btVerticalHeaderTop .btVerticalMenuTrigger { display: none; position: relative; z-index: 1; height: 48px; margin: 0 .5em 0 0; font-size: 1.5em; } .rtl .btVerticalHeaderTop .btVerticalMenuTrigger { margin: 0 0 0 .5em; } .btVerticalMenuTrigger .bt_bb_icon { width: 24px; height: 20px; position: relative; padding: 0; float: left; margin: 14px 0; } .btVerticalMenuTrigger .bt_bb_icon:before, .btVerticalMenuTrigger .bt_bb_icon:after { position: absolute; display: block; content: ""; border-top-width: 2px; border-top-style: solid; left: 0; right: 0; top: 0; -webkit-transition: 300ms ease all; -moz-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: -.75px 1px; -moz-transform-origin: -.75px 1px; -ms-transform-origin: -.75px 1px; transform-origin: -.75px 1px; } .btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon:before, .btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon:after { -webkit-transform: rotate(45deg) translateY(0) !important; -moz-transform: rotate(45deg) translateY(0) !important; -ms-transform: rotate(45deg) translateY(0) !important; transform: rotate(45deg) translateY(0) !important; } .btTransparentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btAccentLightHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btLightDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:before, .btTransparentDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before, .btLightDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before, .btTransparentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btAccentLightHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btLightDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:after, .btTransparentDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after, .btLightDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after { border-top-color: #181818; } .btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before, .btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after { border-top-color: #fff; } .btVerticalMenuTrigger .bt_bb_icon:after { top: auto; bottom: 0; } .btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon:after { -webkit-transform: rotate(-45deg) translateY(0) !important; -moz-transform: rotate(-45deg) translateY(0) !important; -ms-transform: rotate(-45deg) translateY(0) !important; transform: rotate(-45deg) translateY(0) !important; } .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { content: ""; position: absolute; display: block; content: ""; border-top-width: 2px; border-top-style: solid; left: 0; right: 0; top: 50%; margin-top: -1px; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { -webkit-transform: scaleX(0) !important; -moz-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; } .btTransparentDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btAccentLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btLightDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btTransparentDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btLightDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #181818; } .btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #fff; } .btVerticalMenuTrigger:hover { cursor: pointer; color: inherit; } .btTransparentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btTransparentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btAccentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btLightDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btTransparentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btTransparentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btAccentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btLightDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger:hover .bt_bb_icon:after { border-top-color: #FFAE02; } .btLightAccentHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btAccentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btLightAccentHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btAccentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after { border-top-color: #181818; } .btVerticalMenuTrigger:hover .bt_bb_icon:before { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon:before { -webkit-transform: rotate(0) translateY(-3px); -moz-transform: rotate(0) translateY(-3px); -ms-transform: rotate(0) translateY(-3px); transform: rotate(0) translateY(-3px); } .btVerticalMenuTrigger:hover .bt_bb_icon:after { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon:after { -webkit-transform: rotate(0) translateY(3px); -moz-transform: rotate(0) translateY(3px); -ms-transform: rotate(0) translateY(3px); transform: rotate(0) translateY(3px); } .btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .btTransparentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btTransparentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btAccentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btLightDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #FFAE02; } .btLightAccentHeader .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before, .btAccentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before { border-top-color: #181818; } .btMenuVerticalOn .mainHeader { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); } .btMenuVerticalLeft.btMenuVerticalOn .btContentWrap, .btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop, .btMenuVerticalLeft.btMenuVerticalOn .btSiteFooter { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } .rtl.btMenuVerticalLeft.btMenuVerticalOn .btContentWrap, .rtl.btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop, .rtl.btMenuVerticalLeft.btMenuVerticalOn .btSiteFooter { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px); } .btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop .logo { opacity: 0; } .btMenuVerticalRight.btMenuVerticalOn .btContentWrap, .btMenuVerticalRight.btMenuVerticalOn .btVerticalHeaderTop, .btMenuVerticalRight.btMenuVerticalOn .btSiteFooter { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px); } .rtl.btMenuVerticalRight.btMenuVerticalOn .btContentWrap, .rtl.btMenuVerticalRight.btMenuVerticalOn .btVerticalHeaderTop, .rtl.btMenuVerticalRight.btMenuVerticalOn .btSiteFooter { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } .btMenuVerticalRight.btMenuVerticalOn .btVerticalHeaderTop .logo { opacity: 0; } .btMenuVertical .mainHeader { text-align: center; height: 100%; top: 0; bottom: 0; position: fixed; width: 320px; clear: both; z-index: 101; padding: 0; -webkit-box-shadow: none; box-shadow: none; overflow-y: auto; overflow-x: hidden; } .btMenuInitFinished.btMenuVertical .mainHeader { -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); } :not(.btMenuBelowLogo).btMenuVertical .mainHeader .mainHeaderInner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .btLogoArea { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .topBar { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .btBelowLogoArea { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .btMenuVertical .mainHeader .btMainLogo { display: block !important; } .btMenuVertical .mainHeader .btAltLogo { display: none !important; } .btMenuVertical .mainHeader .logo { float: none; margin: 0; padding: 0 2em 1em; } .btMenuVertical .mainHeader .logo img { margin: 0 auto; display: block; height: auto; max-width: 100%; } .btMenuVertical .mainHeader .btCloseVertical { cursor: pointer; font-size: 1.5em; position: absolute; right: 20px; top: 10px; } .rtl.btMenuVertical .mainHeader .btCloseVertical { right: auto; left: 20px; } .btMenuVertical .mainHeader .btCloseVertical:before { font-family: FontAwesome; content: '\f00d'; } .btMenuVertical .mainHeader .btCloseVertical:before:hover { color: #FFAE02; } .btMenuVertical .mainHeader .menuPort { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .btMenuVertical .mainHeader .menuPort .leftNav { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .btMenuVertical .mainHeader .topBar .topBarPort .topTools { padding-top: 1em; padding-bottom: 1em; } .btMenuVertical .mainHeader nav { margin: 0 !important; } .btMenuVertical .mainHeader nav ul > li > ul { opacity: 1; pointer-events: auto; } .btMenuVertical .mainHeader nav ul { -webkit-transition: none; -moz-transition: none; transition: none; } .btMenuVertical .mainHeader nav ul li { padding: 0; position: relative; background-color: transparent; } .btMenuVertical .mainHeader nav ul li a { line-height: 1.1; padding: 1em 2em; border: none; font-weight: 400; } .btMenuVertical .mainHeader nav ul li li { font-size: .9em; } .btMenuVertical .mainHeader nav ul li:not(.current-menu-ancestor) > ul { display: none; } .btMenuVertical .mainHeader nav ul ul li { padding: 0; opacity: 1; border: none; background-color: transparent; } .btMenuVertical .mainHeader nav ul ul li ul { opacity: .8; } .btMenuVertical .mainHeader nav ul ul li ul li a { border: none !important; } .btMenuVertical .mainHeader nav li.current-menu-ancestor > a, .btMenuVertical .mainHeader nav li.current-menu-item > a { font-weight: 600; } .btMenuVertical .mainHeader .topBarInMenu .btIconWidget, .btMenuVertical .mainHeader .topBar .btIconWidget { margin-left: .75em; margin-right: .25em; } .btMenuVertical .mainHeader .topBarInMenu .btIconWidget:not(.btWidgetWithText), .btMenuVertical .mainHeader .topBar .btIconWidget:not(.btWidgetWithText) { margin-left: .75em; margin-right: 0; } .btMenuVertical .mainHeader .topBarInMenu .btIconWidget:not(.btWidgetWithText) .btIconWidgetIcon .bt_bb_icon, .btMenuVertical .mainHeader .topBar .btIconWidget:not(.btWidgetWithText) .btIconWidgetIcon .bt_bb_icon { padding-right: .75em; } .btMenuVertical .btVerticalMenuTrigger { display: block; } .btMenuVertical .menuScrollPort { width: 320px; overflow: hidden; } .btMenuVerticalRight .mainHeader { right: 0; -webkit-box-shadow: -2px 0 5px rgba(0,0,0,.1); box-shadow: -2px 0 5px rgba(0,0,0,.1); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .btMenuVerticalOn.btMenuVerticalRight .mainHeader { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .btMenuVerticalRight .btVerticalMenuTrigger { float: right; } .btMenuVerticalLeft .mainHeader { left: 0; -webkit-box-shadow: 2px 0 5px rgba(0,0,0,.10); box-shadow: 2px 0 5px rgba(0,0,0,.10); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .btMenuVerticalOn.btMenuVerticalLeft .mainHeader { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .btMenuVerticalLeft .btVerticalMenuTrigger { float: left; } /* Header tools layout */ .btMenuHorizontal .btTopToolsRight, .btMenuHorizontal .btTopToolsLeft { -webkit-flex-grow: 1; flex-grow: 1; } .btMenuHorizontal .btTopToolsRight { text-align: right; } .rtl.btMenuHorizontal .btTopToolsRight { text-align: left; } .btMenuHorizontal .topBarInLogoArea { float: right; height: 80px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rtl.btMenuHorizontal .topBarInLogoArea { float: left; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell { border: 0 solid #FFAE02; } /* Tools in vertical menu */ .btMenuVertical .menuPort .btEmptyElement { display: none; } .btMenuVertical .menuPort .btTopToolsRight, .btMenuVertical .menuPort .btTopToolsLeft { max-width: none; float: none; } .btMenuVertical .menuPort .topBar { padding: 0; } .btMenuVertical .menuPort .topTools { position: static; padding: 10px 0 0; text-align: center; font-size: 14px; } .btMenuVertical .menuPort .topBarInLogoArea:after, .btMenuVertical .menuPort .topBar:after { display: table; content: ' '; clear: both; } .btMenuVertical .menuPort .topBarInMenu { margin: 3em 0 0; } .btMenuVertical .menuPort nav:not(.rightNav):before, .btMenuVertical .menuPort nav:not(.leftNav):after { display: inline-block; content: ' '; width: 85px; height: 4px; clear: both; } .btMenuVertical .menuPort nav:not(.rightNav):before { margin: 1em 0 1em; } .btMenuVertical .menuPort nav:not(.leftNav):after { margin: 1em 0 1em; } /* iScroll */ .btDarkSkin .iScrollIndicator, .bt-dark-skin .iScrollIndicator, .btLightSkin .btDarkSkin .iScrollIndicator, .btDarkSkin.btLightSkin .btDarkSkin .iScrollIndicator { background-color: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.1) !important; } /* Prevent horizontal scroll on small screens when menu is open */ body.btMenuVerticalOn { width: 100vw; overflow: hidden; } /* IE10 Menu Fix */ html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li > ul { opacity: 1; pointer-events: auto; display: none; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul { display: block; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li > ul { display: none; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul { display: block; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li > ul { display: none; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li.on > ul { display: block; } /* Admin bar fix */ .admin-bar.btStickyHeaderActive .mainHeader, .admin-bar.btStickyHeaderActive .btVerticalHeaderTop { top: 32px; } .admin-bar.btMenuVertical .mainHeader { top: 32px; } @media screen and (max-width: 782px) { .admin-bar.btStickyHeaderActive .mainHeader, .admin-bar.btStickyHeaderActive .btVerticalHeaderTop { top: 46px; } .admin-bar.btMenuVertical .mainHeader { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar.btStickyHeaderActive .mainHeader { top: 0; } .admin-bar.btMenuVertical .btVerticalHeaderTop { top: 0; } } /* Footer copyright */ .btSiteFooter { font-size: .9em; } .btSiteFooter:after { content: " "; display: table; width: 100%; clear: both; } .btSiteFooter .copyLine { margin-bottom: 0; } .btSiteFooter .menu { margin: 0 -1em; padding: 0; list-style: none; width: 100%; display: inline-block; } .btSiteFooter .menu li { display: inline-block; margin: 0; padding: 0 1em; } .btSiteFooterWidgets { padding-top: 8em; font-weight: 300; } .btSiteFooterWidgets #boldSiteFooterWidgetsRow { -webkit-justify-content: initial; justify-content: initial; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .btSiteFooterWidgets #boldSiteFooterWidgetsRow .btBox { background-color: transparent; margin-bottom: 6em; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .btSiteFooterWidgets #boldSiteFooterWidgetsRow .btBox .btImage img { margin: initial; } .btSiteFooterCopyMenu { -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.15) inset; box-shadow: 0 0 7px 0 rgba(0,0,0,.15) inset; } .btSiteFooterCopyMenu .port div { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } .btSiteFooterCopyMenu .port div .btFooterCopy, .btSiteFooterCopyMenu .port div .btFooterMenu { padding-top: 2em; padding-bottom: 2em; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .btSiteFooterCopyMenu .port div .btFooterMenu { text-align: right; } .rtl .btSiteFooterCopyMenu .port div .btFooterMenu { text-align: left; } .rtl .btSiteFooterCopyMenu .port div .btFooterCopy { text-align: right; } .btLightSkin .btSiteFooterWidgets, .btDarkSkin .btLightSkin .btSiteFooterWidgets, .btLightSkin .btDarkSkin .btLightSkin .btSiteFooterWidgets { background: #f5f5f5; } .btLightSkin .btSiteFooterCopyMenu, .btDarkSkin .btLightSkin .btSiteFooterCopyMenu, .btLightSkin .btDarkSkin .btLightSkin .btSiteFooterCopyMenu { background: #fff; } .btLightSkin .btSiteFooterCopyMenu .port:before, .btDarkSkin .btLightSkin .btSiteFooterCopyMenu .port:before, .btLightSkin .btDarkSkin .btLightSkin .btSiteFooterCopyMenu .port:before { background-color: #181818; } .btDarkSkin .btSiteFooterWidgets, .bt-dark-skin .btSiteFooterWidgets, .btLightSkin .btDarkSkin .btSiteFooterWidgets, .btDarkSkin.btLightSkin .btDarkSkin .btSiteFooterWidgets { background: #252525; } .btDarkSkin .btSiteFooterCopyMenu, .bt-dark-skin .btSiteFooterCopyMenu, .btLightSkin .btDarkSkin .btSiteFooterCopyMenu, .btDarkSkin.btLightSkin .btDarkSkin .btSiteFooterCopyMenu { background: #252525; } .btDarkSkin .btSiteFooterCopyMenu .port:before, .bt-dark-skin .btSiteFooterCopyMenu .port:before, .btLightSkin .btDarkSkin .btSiteFooterCopyMenu .port:before, .btDarkSkin.btLightSkin .btDarkSkin .btSiteFooterCopyMenu .port:before { background-color: #FFAE02; } @media (max-width: 992px) { .btSiteFooter .port div { display: block; } .btSiteFooter .port div .btFooterCopy, .btSiteFooter .port div .btFooterMenu { padding-top: 1em; padding-bottom: 1em; text-align: center; } .btSiteFooterWidgets #boldSiteFooterWidgetsRow .btBox { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .btSiteFooterWidgets .btIconWidgetContent { width: 100%; } .btSiteFooterWidgets .btIconWidgetContent ul.cart_list { width: 100%; } } @media (max-width: 468px) { .btSiteFooterWidgets #boldSiteFooterWidgetsRow .btBox { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /* Unit test Fix - Read More Button */ .btReadMoreColumn .bt_bb_button { display: inline-block; } .btReadMoreColumn .bt_bb_button a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; -webkit-box-shadow: 0 0 0 3em #FFAE02 inset; box-shadow: 0 0 0 3em #FFAE02 inset; color: white !important; font-weight: 600; text-decoration: none; padding: 1em 3em; line-height: 1; } .btReadMoreColumn .bt_bb_button a span.bt_bb_icon_holder { display: block; } .btReadMoreColumn .bt_bb_button a span.bt_bb_icon_holder:before { display: block; font-family: FontAwesome; content: attr(data-ico-fa); font-size: inherit; line-height: 1; font-weight: 400; } .btReadMoreColumn .bt_bb_button a:hover { -webkit-box-shadow: 0 0 0 1px #181818 inset; box-shadow: 0 0 0 1px #181818 inset; color: #FFAE02; } /* Unit Test Fix - Page Headline Overlay */ .bt_bb_section { position: relative; } .bt_bb_section[class*="dark_solid"]:before { background-color: rgba(0,0,0,.5); } .bt_bb_section[class*="bt_bb_background_overlay"]:before { content: ' '; pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .bt_bb_section[class*="bt_bb_background_overlay"] .bt_bb_cell { position: relative; z-index: 1; } /* Single post */ .sticky .headline:before { content: '\e69b'; font-family: Icon7Stroke; display: block; float: left; margin-right: .4em; font-size: .7em; padding-top: .3em; } .sticky .btBlogSimpleViewCategories .headline:before { content: ''; } /* Single Article */ .btPostSingleItemStandard { padding: 2em; margin-bottom: 3em; background: white; } body.btNoSidebar .btPostSingleItemStandard { margin-top: 4em; } .btPostListStandard.btPostSingleItemStandard .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.1em; } .btPostSingleItemStandard .btArticleMedia { margin: -2em -2em 2em; clear: both; } body.single-post .btPostSingleItemStandard:not(.noTitle) .btArticleMedia { margin-top: 0; } .btPostSingleItemStandard .btArticleHeadline, .btPostSingleItemStandard .btArticleContent, .btPostSingleItemStandard .btArticleShareEtc { margin-bottom: 2em; clear: both; } .btPostSingleItemStandard .btArticleContent { max-width: 768px; } .btPostSingleItemStandard .btArticleShareEtc { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .btPostSingleItemStandard .btArticleShareEtc > div { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } .btPostSingleItemStandard .btArticleShareEtc > div.btReadMoreColumn { text-align: right; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .btPortfolioSingle.btPostSingleItemStandard .btArticleContent, .btPortfolioSingle.btPostSingleItemStandard .btArticleShareEtc { max-width: initial; } .btPortfolioSingle.btPostSingleItemStandard .btArticleContent { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -2em; margin-right: -2em; } .btPortfolioSingle.btPostSingleItemStandard .btArticleContent .btArticleContentInner { -webkit-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; padding-left: 2em; padding-right: 2em; } .btPortfolioSingle.btPostSingleItemStandard .btArticleContent .btArticleSuperMeta { -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; padding-left: 2em; padding-right: 2em; } body.single .btPostSingleItemStandard .btShareColumn { text-align: right; } body.single.rtl .btPostSingleItemStandard .btShareColumn { text-align: left; } /* Portfolio meta */ .btArticleSuperMeta dl { margin-bottom: 2em; } .btArticleSuperMeta dl dt { min-width: 50%; padding-right: .75em; display: inline-block; } .btArticleSuperMeta dl dd { text-align: right; display: inline-block; margin: 0; } .btArticleSuperMeta .btShareColumn { margin-bottom: 1em; text-align: inherit !important; } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .btArticleSuperMeta dl dt { display: block; } } /* About Author */ .btAboutAuthor { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin: 0 0 2em; padding: 2em 0; } .btLightSkin .btAboutAuthor, .btDarkSkin .btLightSkin .btAboutAuthor, .btLightSkin .btDarkSkin .btLightSkin .btAboutAuthor { border-top: 1px solid rgba(0,0,0,.1); } .btDarkSkin .btAboutAuthor, .bt-dark-skin .btAboutAuthor, .btLightSkin .btDarkSkin .btAboutAuthor, .btDarkSkin.btLightSkin .btDarkSkin .btAboutAuthor { border-top: 1px solid rgba(255,255,255,.5); } .btAboutAuthor .aaAvatar { vertical-align: top; padding: 0 1em 0 0; -webkit-flex: 1 1 150px; -ms-flex: 1 1 150px; flex: 1 1 150px; } .btAboutAuthor .aaAvatar img { display: block; width: 100%; height: auto; border-radius: 50%; } .btAboutAuthor .aaTxt { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 0; } .btAboutAuthor .aaTxt h1, .btAboutAuthor .aaTxt h2, .btAboutAuthor .aaTxt h3, .btAboutAuthor .aaTxt h4, .btAboutAuthor .aaTxt h5, .btAboutAuthor .aaTxt h6, .btAboutAuthor .aaTxt h7, .btAboutAuthor .aaTxt h8 { font-size: 1.3em; } @media(max-width: 520px) { .btAboutAuthor .aaAvatar { -webkit-flex: 1 1 100px; -ms-flex: 1 1 100px; flex: 1 1 100px; } } /* Media box */ .btMediaBox { position: relative; overflow: hidden; } .btMediaBox img { display: block; width: auto; height: auto; margin: auto; } .btMediaBox .aspectVideo { visibility: hidden; width: 100%; } .btMediaBox iframe { display: block; border: none; } .btMediaBox.video iframe { display: block; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; border: none; } .btMediaBox.audio iframe { display: block; width: 100% !important; } .btMediaBox.btQuote, .btMediaBox.btLink { text-align: center; position: relative; display: block; margin: 0; font-weight: 300; padding: 5em; } .btMediaBox.btQuote:before, .btMediaBox.btLink:before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #FFAE02; } .btMediaBox.btQuote[style*="background-image"]:before, .btMediaBox.btLink[style*="background-image"]:before { opacity: .6; } .btArticleListItem .btMediaBox.btQuote, .btArticleListItem .btMediaBox.btLink { padding: 4em; } .btMediaBox.btQuote blockquote, .btMediaBox.btLink blockquote { padding: 0; } .btMediaBox.btQuote blockquote:before, .btMediaBox.btLink blockquote:before { content: ''; } .btMediaBox.btQuote p:before, .btMediaBox.btLink p:before { display: block; text-align: center; font: 2em/1em Icon7Stroke; margin-bottom: .3em; } .btMediaBox.btQuote p, .btMediaBox.btLink p { font-size: 1em; line-height: 1.3em; margin: 0; font-style: italic; } .btMediaBox.btQuote cite, .btMediaBox.btLink cite { display: inline-block; padding: 1em 0 0; border-top: 1px solid #fff; margin: 1em 0 0; font-size: .7em; } .btMediaBox.btQuote a, .btMediaBox.btLink a { color: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btMediaBox.btQuote a:hover, .btMediaBox.btLink a:hover { color: #fff; opacity: .6; } .btMediaBox.btLink p:before { content: "\e641"; } .btMediaBox.btQuote p:before { content: "\e635"; } /* Blog list side info */ .btHasAuthorInfo .btArticleContentHolder { position: relative; padding-left: 110px; } .articleSideGutter { position: absolute; top: 0; left: 0; line-height: 1.4; width: 90px; text-align: center; } .btPostListColumns .articleSideGutter { margin-left: 1em; } .articleSideGutter .date { opacity: .8; } .rtl .articleSideGutter { left: auto; right: 0; } .articleSideGutter .asgItem.title { margin: 4px 0 0; } @media (max-width: 768px) { .btPostSingleItemStandard .btArticleShareEtc { display: block; } .btPostSingleItemStandard .btArticleShareEtc > div.btReadMoreColumn, .btPostSingleItemStandard .btArticleShareEtc > div.btShareColumn { max-width: 100%; float: none; text-align: center; } .btPostSingleItemStandard .btArticleShareEtc > div.btReadMoreColumn:first-child, .btPostSingleItemStandard .btArticleShareEtc > div.btShareColumn:first-child { padding-bottom: 1em; } } @media (max-width:620px) { .btHasAuthorInfo .btArticleContentHolder { padding-left: 0; clear: both; } .btHasAuthorInfo .articleSideGutter { position: relative; left: 0; margin: 0; width: auto; padding: 0 0 1em; clear: both; } .btHasAuthorInfo .asgItem.avatar { width: 45px; float: left; } } /* Share row general */ .btShareColumn .bt_bb_icon a, .btShareRow .bt_bb_icon a { color: #252525; } .btShareColumn .bt_bb_icon a:hover, .btShareRow .bt_bb_icon a:hover { color: #FFAE02; } /* List views */ /* Social icons */ .btIcoFacebook.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before { -webkit-box-shadow: 0 0 0 1em #3b5998 inset; box-shadow: 0 0 0 1em #3b5998 inset; } .btIcoFacebook.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:hover:before { -webkit-box-shadow: 0 0 0 1px #3b5998 inset; box-shadow: 0 0 0 1px #3b5998 inset; color: #3b5998; } .btIcoTwitter.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before { -webkit-box-shadow: 0 0 0 1em #1da1f2 inset; box-shadow: 0 0 0 1em #1da1f2 inset; } .btIcoTwitter.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:hover:before { -webkit-box-shadow: 0 0 0 1px #1da1f2 inset; box-shadow: 0 0 0 1px #1da1f2 inset; color: #1da1f2; } .btIcoLinkedin.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before { -webkit-box-shadow: 0 0 0 1em #007bb5 inset; box-shadow: 0 0 0 1em #007bb5 inset; } .btIcoLinkedin.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:hover:before { -webkit-box-shadow: 0 0 0 1px #007bb5 inset; box-shadow: 0 0 0 1px #007bb5 inset; color: #007bb5; } .btIcoVK.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before { -webkit-box-shadow: 0 0 0 1em #4c75a5 inset; box-shadow: 0 0 0 1em #4c75a5 inset; } .btIcoVK.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:hover:before { -webkit-box-shadow: 0 0 0 1px #4c75a5 inset; box-shadow: 0 0 0 1px #4c75a5 inset; color: #4c75a5; } .btIcoWhatsApp.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before { -webkit-box-shadow: 0 0 0 1em #25d366 inset; box-shadow: 0 0 0 1em #25d366 inset; } .btIcoWhatsApp.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:hover:before { -webkit-box-shadow: 0 0 0 1px #25d366 inset; box-shadow: 0 0 0 1px #25d366 inset; color: #25d366; } .bt_facebook.bt_bb_icon .bt_bb_icon_holder:before { color: #3b5998; } .bt_twitter.bt_bb_icon .bt_bb_icon_holder:before { color: #1da1f2; } .bt_linkedin.bt_bb_icon .bt_bb_icon_holder:before { color: #007bb5; } .bt_google_plus.bt_bb_icon .bt_bb_icon_holder:before { color: #dc4e40; } .bt_vk.bt_bb_icon .bt_bb_icon_holder:before { color: #4c75a5; } /* Column list view */ body.btNoSidebar .btPostListColumns:first-of-type, body.btNoSidebar .btPostSingleItemColumns:first-of-type { margin-top: 4em; } .btPostListColumns:not(:last-of-type), .btPostSingleItemColumns:not(:last-of-type) { margin-bottom: 3em; } .btPostListColumns .btArticleContentHolder, .btPostSingleItemColumns .btArticleContentHolder { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: white; } .btPostListColumns .btArticleContentHolder .btArticleMedia, .btPostSingleItemColumns .btArticleContentHolder .btArticleMedia { -webkit-flex: 1 1 60%; -ms-flex: 1 1 60%; flex: 1 1 60%; max-width: 60%; } .btNoMedia.btPostListColumns .btArticleContentHolder .btArticleMedia, .btNoMedia.btPostSingleItemColumns .btArticleContentHolder .btArticleMedia { -webkit-flex-basis: 0%; flex-basis: 0%; max-width: 0%; } .single-job_listing .btPostListColumns .btArticleContentHolder .btArticleMedia, .single-job_listing .btPostSingleItemColumns .btArticleContentHolder .btArticleMedia { -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; max-width: 30%; } .btPostListColumns .btArticleContentHolder .btArticleTextContent, .btPostSingleItemColumns .btArticleContentHolder .btArticleTextContent { -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; max-width: 40%; padding: 1em 2em; } .btNoMedia.btPostListColumns .btArticleContentHolder .btArticleTextContent, .btNoMedia.btPostSingleItemColumns .btArticleContentHolder .btArticleTextContent { -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .single-job_listing .btPostListColumns .btArticleContentHolder .btArticleTextContent, .single-job_listing .btPostSingleItemColumns .btArticleContentHolder .btArticleTextContent { -webkit-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; max-width: 70%; } .btPostListColumns .btArticleContentHolder .btArticleHeadline, .btPostListColumns .btArticleContentHolder .btArticleContent, .btPostSingleItemColumns .btArticleContentHolder .btArticleHeadline, .btPostSingleItemColumns .btArticleContentHolder .btArticleContent { margin-bottom: 1em; } .btPostListColumns .btArticleContentHolder .btShareRow, .btPostSingleItemColumns .btArticleContentHolder .btShareRow { margin-top: 1em; } .btPostListColumns .btArticleContentHolder .btMediaBox.btQuote p, .btPostListColumns .btArticleContentHolder .btMediaBox.btLink p, .btPostSingleItemColumns .btArticleContentHolder .btMediaBox.btQuote p, .btPostSingleItemColumns .btArticleContentHolder .btMediaBox.btLink p { font-size: .8em; } .btPostListColumns .btArticleContentHolder .btMediaBox.btQuote cite, .btPostListColumns .btArticleContentHolder .btMediaBox.btLink cite, .btPostSingleItemColumns .btArticleContentHolder .btMediaBox.btQuote cite, .btPostSingleItemColumns .btArticleContentHolder .btMediaBox.btLink cite { padding-top: 1em; font-size: .6em; } .btContent .btPostListColumns:nth-child(even) .btArticleContentHolder { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 992px) { .btPostListColumns .btArticleContentHolder, .btPostSingleItemColumns .btArticleContentHolder { display: block; margin-left: 0; margin-right: 0; } .btPostListColumns .btArticleContentHolder .btArticleMedia, .btPostListColumns .btArticleContentHolder .btArticleTextContent, .btPostSingleItemColumns .btArticleContentHolder .btArticleMedia, .btPostSingleItemColumns .btArticleContentHolder .btArticleTextContent { clear: both; padding: 0; max-width: 100% !important; } .btPostListColumns .btArticleContentHolder .btArticleMedia, .btPostSingleItemColumns .btArticleContentHolder .btArticleMedia { margin-bottom: 2em; } .btPostListColumns .btArticleContentHolder .btArticleTextContent, .btPostSingleItemColumns .btArticleContentHolder .btArticleTextContent { padding: 30px; } } /* Sticky item */ .sticky.btArticleListItem .btArticleHeadline h1 .bt_bb_headline_content span a:after, .sticky.btArticleListItem .btArticleHeadline h2 .bt_bb_headline_content span a:after, .sticky.btArticleListItem .btArticleHeadline h3 .bt_bb_headline_content span a:after, .sticky.btArticleListItem .btArticleHeadline h4 .bt_bb_headline_content span a:after, .sticky.btArticleListItem .btArticleHeadline h5 .bt_bb_headline_content span a:after, .sticky.btArticleListItem .btArticleHeadline h6 .bt_bb_headline_content span a:after, .sticky.btArticleListItem .btArticleHeadline h7 .bt_bb_headline_content span a:after, .sticky.btArticleListItem .btArticleHeadline h8 .bt_bb_headline_content span a:after { font-family: FontAwesome; content: "\f02b"; margin: 0 .5em; color: #FFAE02; } /* Dark skin */ .btDarkSkin .btShareColumn .bt_bb_icon .bt_bb_icon_holder:before, .btDarkSkin .btShareRow .bt_bb_icon .bt_bb_icon_holder:before { color: #f5f5f5; } .btDarkSkin .btShareColumn .bt_bb_icon:hover .bt_bb_icon_holder:before, .btDarkSkin .btShareRow .bt_bb_icon:hover .bt_bb_icon_holder:before { color: #FFAE02; } .btDarkSkin .btReadMoreColumn .bt_bb_style_outline.bt_bb_button a { -webkit-box-shadow: 0 0 0 1px #fff inset; box-shadow: 0 0 0 1px #fff inset; color: #fff; } .btDarkSkin .btReadMoreColumn .bt_bb_style_outline.bt_bb_button:hover a { -webkit-box-shadow: 0 0 0 2em #fff inset; box-shadow: 0 0 0 2em #fff inset; color: #252525; } /* Column single view */ .btPostSingleItemColumns .btArticleContentHolder { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .btPostSingleItemColumns .btArticleHeadline, .btPostSingleItemColumns .btArticleContent, .btPostSingleItemColumns .btArticleShareEtc { margin-bottom: 2em; clear: both; } .btPostSingleItemColumns .btArticleMedia { clear: both; } body.btNoSidebar .btPostSingleItemColumns { margin-top: 4em; } /* Simple view */ body.btNoSidebar .btArticleListItem.btPostListSimple:first-child { margin-top: 4em; } .btArticleListItem.btPostListSimple .btArticleContentHolder { padding-bottom: 3em; margin-bottom: 3em; border-bottom: 1px solid rgba(0,0,0,.1); } .btArticleListItem.btPostListSimple .btArticleContentHolder .btArticleTextExcerpt { margin-top: 2em; } .btArticleListItem.animate { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; transition-delay: 200ms; } /* Image alignment (unit test) */ .btContentHolder .alignleft { float: left; margin: 0 1em 0 0; } .btContentHolder .alignright { float: right; margin: 0 0 0 1em; } .btContentHolder .aligncenter, .btContentHolder .btContent .alignnone { text-align: center; margin: 0 auto; } .btContentHolder figure.aligncenter, .btContentHolder .btContent figure.alignnone { margin: 0 auto 1em; } .btContentHolder .alignnone { width: auto !important; } /* Password protection (unit test) */ .post-password-form { margin: 0 auto 4em; } .post-password-form p:first-child { font-weight: bold; } .post-password-form p:nth-child(2) { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .post-password-form p:nth-child(2) label { -webkit-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; padding-right: 5px; } .post-password-form p:nth-child(2) label input[type="password"] { padding: 10px; height: 38px; display: inline; } .post-password-form p:nth-child(2) input[type="submit"] { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; margin: 0 auto; color: #FFF; width: auto; height: 38px; background: #FFAE02; border: 0; cursor: pointer; padding: 0 1em; } /* No comments */ .no-comments { padding: 2em; margin: 0 0 2em; border: 2px solid #FFAE02; text-align: center; font-size: 1.2em; } /* Pagination */ .btPagination { font-family: "Roboto"; font-weight: 400; font-size: 1rem; line-height: 2.5rem; margin-top: 2em; margin-bottom: 4em; } .btPagination:after { content: " "; display: table; width: 100%; clear: both; } .btPagination .paging.onLeft { float: left; } .rtl .btPagination .paging.onLeft { float: right; } .btPagination .paging.onRight { float: right; } .rtl .btPagination .paging.onRight { float: left; } .btPagination .paging a { display: block; color: inherit; } .btPagination .paging a:hover { color: #FFAE02; } .btPagination .paging p { margin: 0; } .btPagination .paging a:after { width: 2.5rem; display: block; text-align: center; font: 2rem/2.5rem Icon7Stroke; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .btDarkSkin .btPagination .paging a:after, .bt-dark-skin .btPagination .paging a:after, .btLightSkin .btDarkSkin .btPagination .paging a:after, .btDarkSkin.btLightSkin .btDarkSkin .btPagination .paging a:after { border: 1px solid #fff; color: #fff; } .btLightSkin .btPagination .paging a:after, .btDarkSkin .btLightSkin .btPagination .paging a:after, .btLightSkin .btDarkSkin .btLightSkin .btPagination .paging a:after { border: 1px solid #181818; color: #181818; } .btSoftRoundedButtons .btPagination .paging a:after { border-radius: 3px; } .btHardRoundedButtons .btPagination .paging a:after { border-radius: 50px; } .btPagination .paging a:hover:after { border-color: #FFAE02; color: #FFAE02; } .btPagination .paging .pagePrev a:after { content: "\e686"; float: left; margin: 0 10px 0 0; } .rtl .btPagination .paging .pagePrev a:after { content: "\e684"; float: right; margin: 0 0 0 10px; } .btPagination .paging .pageNext a:after { content: "\e684"; float: right; margin: 0 0 0 10px; } .rtl .btPagination .paging .pageNext a:after { content: "\e686"; float: left; margin: 0 10px 0 0; } /* PrevNext post */ .btPrevNextNav:after { content: " "; display: table; width: 100%; clear: both; } body.btNoSidebar .btPrevNextNav { margin-bottom: 4em; } .btPrevNextNav .btPrevNext { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; color: inherit; min-height: 1px; width: 50%; margin: 0; } .btNext.btPrevNextNav .btPrevNext { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; float: right; text-align: right; } .btPrevNextNav .btPrevNext .btPrevNextImage { -webkit-flex: 0 0 6em; -ms-flex: 0 0 6em; flex: 0 0 6em; height: 6em; background-size: cover; background-position: center center; margin: 0 1em 0 0; } .rtl .btPrevNextNav .btPrevNext .btPrevNextImage { margin: 0 0 0 1em; } .btPrevNextNav .btPrevNext .btPrevNextItem { -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; min-width: 0%; } .btPrevNextNav .btPrevNext .btPrevNextItem .btPrevNextTitle { font-family: "Roboto"; font-size: 1.1rem; -webkit-transition: color 200ms ease; -moz-transition: color 200ms ease; transition: color 200ms ease; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.8em; max-height: 3.6em; } .btPrevNextNav .btPrevNext .btPrevNextItem .btPrevNextDir { font-size: .9rem; text-transform: uppercase; } .btPrevNextNav .btPrevNext:hover .btPrevNextTitle { color: #FFAE02; } .btPrevNextNav .btPrevNext.btNext { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .btPrevNextNav .btPrevNext.btNext .btPrevNextImage { margin: 0 0 0 1em; } .rtl .btPrevNextNav .btPrevNext.btNext .btPrevNextImage { margin: 0 1em 0 0; } .rtl .btPrevNextNav .btPrevNext { float: right; } .rtl .btPrevNextNav .btPrevNext.btNext { text-align: left; } @media (max-width: 620px) { .btPrevNext .btPrevNextImage { display: none; } .btPrevNext .btPrevNextItem .btPrevNextTitle { font-size: 1rem; } } /* Linked pages in a single post (unit test) */ .btLinkPages ul { margin-left: 0; padding-left: 0; margin-top: 30px; } .btLinkPages ul li { list-style: none; display: inline-block; } /* Photo slide */ .boldPhotoSlide { position: relative; } .single .boldPhotoSlide h4.nbs { margin: 0 30px !important; } /* Post categories, comments, date and author spans */ .btArticleCategories { text-transform: uppercase; } .btArticleCategories a { color: inherit; } .btArticleCategories a:hover { color: #FFAE02; } .btArticleCategories a:not(:first-child):before { content: ' '; display: inline-block; margin: -2px 10px 0 10px; letter-spacing: inherit; width: 4px; height: 4px; border-radius: 50%; line-height: inherit; vertical-align: middle; background-color: #FFAE02; } .btArticleDate:not(:last-child):after, .btArticleAuthor:not(:last-child):after, .btArticleComments:not(:last-child):after, .btArticleCategories:not(:last-child):after { content: ' / '; padding: 0 .5em; } .btLightSkin .btArticleDate:not(:last-child):after, .btLightSkin .btArticleAuthor:not(:last-child):after, .btLightSkin .btArticleComments:not(:last-child):after, .btLightSkin .btArticleCategories:not(:last-child):after, .btDarkSkin .btLightSkin .btArticleDate:not(:last-child):after, .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child):after, .btDarkSkin .btLightSkin .btArticleComments:not(:last-child):after, .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child):after, .btLightSkin .btDarkSkin .btLightSkin .btArticleDate:not(:last-child):after, .btLightSkin .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child):after, .btLightSkin .btDarkSkin .btLightSkin .btArticleComments:not(:last-child):after, .btLightSkin .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child):after { color: #181818; } .btDarkSkin .btArticleDate:not(:last-child):after, .btDarkSkin .btArticleAuthor:not(:last-child):after, .btDarkSkin .btArticleComments:not(:last-child):after, .btDarkSkin .btArticleCategories:not(:last-child):after, .bt-dark-skin .btArticleDate:not(:last-child):after, .bt-dark-skin .btArticleAuthor:not(:last-child):after, .bt-dark-skin .btArticleComments:not(:last-child):after, .bt-dark-skin .btArticleCategories:not(:last-child):after, .btLightSkin .btDarkSkin .btArticleDate:not(:last-child):after, .btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child):after, .btLightSkin .btDarkSkin .btArticleComments:not(:last-child):after, .btLightSkin .btDarkSkin .btArticleCategories:not(:last-child):after, .btDarkSkin.btLightSkin .btDarkSkin .btArticleDate:not(:last-child):after, .btDarkSkin.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child):after, .btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:not(:last-child):after, .btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child):after { color: #fff; } .btLightSkin .btArticleDate:not(:last-child), .btLightSkin .btArticleAuthor:not(:last-child), .btLightSkin .btArticleComments:not(:last-child), .btLightSkin .btArticleCategories:not(:last-child), .btDarkSkin .btLightSkin .btArticleDate:not(:last-child), .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child), .btDarkSkin .btLightSkin .btArticleComments:not(:last-child), .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child), .btLightSkin .btDarkSkin .btLightSkin .btArticleDate:not(:last-child), .btLightSkin .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child), .btLightSkin .btDarkSkin .btLightSkin .btArticleComments:not(:last-child), .btLightSkin .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child) { border-color: rgba(0,0,0,.1); } .btDarkSkin .btArticleDate:not(:last-child), .btDarkSkin .btArticleAuthor:not(:last-child), .btDarkSkin .btArticleComments:not(:last-child), .btDarkSkin .btArticleCategories:not(:last-child), .bt-dark-skin .btArticleDate:not(:last-child), .bt-dark-skin .btArticleAuthor:not(:last-child), .bt-dark-skin .btArticleComments:not(:last-child), .bt-dark-skin .btArticleCategories:not(:last-child), .btLightSkin .btDarkSkin .btArticleDate:not(:last-child), .btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child), .btLightSkin .btDarkSkin .btArticleComments:not(:last-child), .btLightSkin .btDarkSkin .btArticleCategories:not(:last-child), .btDarkSkin.btLightSkin .btDarkSkin .btArticleDate:not(:last-child), .btDarkSkin.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child), .btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:not(:last-child), .btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child) { border-color: rgba(255,255,255,.5) !important; } .btArticleComments:before { font-family: FontAwesome; content: "\f075"; margin: 0; display: inline-block; } body:not(.rtl) .btArticleComments:before { margin-right: 5px; } body.rtl .btArticleComments:before { margin-left: 5px; float: right; } .btLightSkin .btArticleComments:before, .btDarkSkin .btLightSkin .btArticleComments:before, .btLightSkin .btDarkSkin .btLightSkin .btArticleComments:before { color: rgba(24,24,24,.4); } .btDarkSkin .btArticleComments:before, .bt-dark-skin .btArticleComments:before, .btLightSkin .btDarkSkin .btArticleComments:before, .btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:before { color: rgba(255,255,255,.4); } /* Galleries (unit test) */ .gallery { margin-bottom: 1.6em; } .gallery .gallery-item { display: inline-block; padding: 0 4px; text-align: center; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-2.gallery .gallery-item { max-width: 50%; } .gallery-columns-3.gallery .gallery-item { max-width: 33.33%; } .gallery-columns-4.gallery .gallery-item { max-width: 25%; } .gallery-columns-5.gallery .gallery-item { max-width: 20%; } .gallery-columns-6.gallery .gallery-item { max-width: 16.66%; } .gallery-columns-7.gallery .gallery-item { max-width: 14.28%; } .gallery-columns-8.gallery .gallery-item { max-width: 12.5%; } .gallery-columns-9.gallery .gallery-item { max-width: 11.11%; } @media (max-width: 1200px) { .gallery-item { width: 100% !important; max-width: 100% !important; } } .gallery-icon img { margin: 0 auto; } .gallery-caption { display: block; padding: 5px 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Unit test specific */ .wp-caption-text { font-size: .9em; margin-bottom: 1em; } .bypostauthor { font-size: inherit; } /* Password protected */ article .post-password-form { margin: 0 auto 4em !important; } /* Comments */ body:not(.woocommerce) .bt-comments-box .form-submit { margin-bottom: 0; } .bt-comments-box { margin: 0 0 1em; } .bt-comments-box > h1, .bt-comments-box > h2, .bt-comments-box > h3, .bt-comments-box > h4, .bt-comments-box > h5, .bt-comments-box > h6, .bt-comments-box > h7, .bt-comments-box > h8, .bt-comments-box .comment-respond > h1, .bt-comments-box .comment-respond > h2, .bt-comments-box .comment-respond > h3, .bt-comments-box .comment-respond > h4, .bt-comments-box .comment-respond > h5, .bt-comments-box .comment-respond > h6, .bt-comments-box .comment-respond > h7, .bt-comments-box .comment-respond > h8 { margin: 0 0 1em; padding: 0; font-size: 1.4em; } .bt-comments-box ul.comments, .bt-comments-box ul.comments li.comment { list-style: none; display: block; padding-left: 0; margin: 0; } .bt-comments-box ul.comments > li, .bt-comments-box ul.comments > li.comment > ul.children > li.comment { display: block; margin: 0; } .btLightSkin .bt-comments-box ul.comments > li, .btDarkSkin .btLightSkin .bt-comments-box ul.comments > li, .btLightSkin .btDarkSkin .btLightSkin .bt-comments-box ul.comments > li, .btLightSkin .bt-comments-box ul.comments > li.comment > ul.children > li.comment, .btDarkSkin .btLightSkin .bt-comments-box ul.comments > li.comment > ul.children > li.comment, .btLightSkin .btDarkSkin .btLightSkin .bt-comments-box ul.comments > li.comment > ul.children > li.comment { border-top: 1px solid rgba(0,0,0,.1); } .btDarkSkin .bt-comments-box ul.comments > li, .bt-dark-skin .bt-comments-box ul.comments > li, .btLightSkin .btDarkSkin .bt-comments-box ul.comments > li, .btDarkSkin.btLightSkin .btDarkSkin .bt-comments-box ul.comments > li, .btDarkSkin .bt-comments-box ul.comments > li.comment > ul.children > li.comment, .bt-dark-skin .bt-comments-box ul.comments > li.comment > ul.children > li.comment, .btLightSkin .btDarkSkin .bt-comments-box ul.comments > li.comment > ul.children > li.comment, .btDarkSkin.btLightSkin .btDarkSkin .bt-comments-box ul.comments > li.comment > ul.children > li.comment { border-top: 1px solid rgba(255,255,255,.5); } .bt-comments-box ul.comments li > article { padding: 2em 0; position: relative; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; } .bt-comments-box ul.comments li > article .commentTxt { padding: 0; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .bt-comments-box ul.comments li > article .commentAvatar { padding: 0 20px 0 0; -webkit-flex: 0 1 75px; -ms-flex: 0 1 75px; flex: 0 1 75px; } .rtl .bt-comments-box ul.comments li > article .commentAvatar { padding: 0 0 0 20px; } .bt-comments-box ul.comments li > article .commentAvatar img { display: block; width: 100%; height: auto; border-radius: 50%; } .bt-comments-box ul.comments li.pingback { padding-top: 1em; } .bt-comments-box ul.children { margin: 0 0 0 20px; } .bt-comments-box input, .bt-comments-box textarea { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .bt-comments-box .btComment { line-height: 0; } .bt-comments-box .btComment textarea, .bt-comments-box .btComment label { line-height: 1.8; } .bt-comments-box .vcard { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 1em; } .bt-comments-box .vcard h1.author, .bt-comments-box .vcard h2.author, .bt-comments-box .vcard h3.author, .bt-comments-box .vcard h4.author, .bt-comments-box .vcard h5.author, .bt-comments-box .vcard h6.author, .bt-comments-box .vcard h7.author, .bt-comments-box .vcard h8.author { margin: 0; padding: 0; line-height: 1.3; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 1.2em; } .bt-comments-box .vcard .posted { margin: 0; opacity: .8; line-height: 1.15; text-align: right; padding: 0 0 0 10px; font-family: "Roboto"; font-size: .9em; } .rtl .bt-comments-box .vcard .posted { text-align: left; padding: 0 10px 0 0; } .woocommerce .bt-comments-box .vcard .star-rating { margin-left: .5em; } .woocommerce .bt-comments-box .vcard .star-rating strong { display: none; } .woocommerce.rtl .bt-comments-box .vcard .star-rating { right: auto; margin-left: 0; margin-right: .5em; } .bt-comments-box .commentTxt p.edit-link, .bt-comments-box .commentTxt p.reply { display: inline-block; font-family: "Roboto"; font-size: .9em; line-height: 1; } .bt-comments-box .commentTxt p.edit-link:not(:empty), .bt-comments-box .commentTxt p.reply:not(:empty) { margin: 0 2em 0 0; } .rtl .bt-comments-box .commentTxt p.edit-link:not(:empty), .rtl .bt-comments-box .commentTxt p.reply:not(:empty) { margin: 0 0 0 2em; } .bt-comments-box .commentTxt p.edit-link a, .bt-comments-box .commentTxt p.reply a { opacity: .5; } .bt-comments-box .commentTxt p.edit-link a:hover, .bt-comments-box .commentTxt p.reply a:hover { opacity: 1; } .bt-comments-box .comment-form { padding-bottom: 20px; } .bt-comments-box .comment-navigation { text-align: right; clear: right; } .bt-comments-box .comment-navigation a, .bt-comments-box .comment-navigation span { display: inline-block; } .bt-comments-box .comment-navigation span { margin: 0 5px; } .comment-awaiting-moderation { color: #FFAE02; } a#cancel-comment-reply-link { font-weight: 300; display: inline-block; margin: 0 0 0 2em; color: #FFAE02; } .rtl a#cancel-comment-reply-link { margin: 0 2em 0 0; } a#cancel-comment-reply-link:hover { color: #0529A3; } .btCommentSubmit { padding: .4em 2.5em; background: none; margin-top: .5em; border: 1px solid #181818; } .btDarkSkin .btCommentSubmit, .bt-dark-skin .btCommentSubmit, .btLightSkin .btDarkSkin .btCommentSubmit, .btDarkSkin.btLightSkin .btDarkSkin .btCommentSubmit { border-color: #fff; color: #fff; } .btCommentSubmit:before { padding-right: .5em; } /* Responsive */ @media(max-width: 520px) { .bt-comments-box .vcard { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0 0 15px; } .bt-comments-box .vcard h5.author { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .bt-comments-box .vcard .posted { padding: 0; margin-top: .7em; text-align: left; } .bt-comments-box ul.comments ul.children { padding: 0; margin: 0; } .bt-comments-box ul.comments ul.children li.comment { padding: 0; border-top: none !important; } .bt-comments-box ul.comments ul.children li.comment article { position: relative; } .btLightSkin .bt-comments-box ul.comments ul.children li.comment article, .btDarkSkin .btLightSkin .bt-comments-box ul.comments ul.children li.comment article, .btLightSkin .btDarkSkin .btLightSkin .bt-comments-box ul.comments ul.children li.comment article { background-color: rgba(0,0,0,.055); } .btDarkSkin .bt-comments-box ul.comments ul.children li.comment article, .bt-dark-skin .bt-comments-box ul.comments ul.children li.comment article, .btLightSkin .btDarkSkin .bt-comments-box ul.comments ul.children li.comment article, .btDarkSkin.btLightSkin .btDarkSkin .bt-comments-box ul.comments ul.children li.comment article { background-color: rgba(255,255,255,.055); } .bt-comments-box ul.comments ul.children li.comment article .commentAvatar { padding-left: 10px; } .bt-comments-box ul.comments ul.children li.comment article:after { content: '\f148'; display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; font: normal 16px/20px FontAwesome; vertical-align: middle; text-align: center; } .btLightSkin .bt-comments-box ul.comments ul.children li.comment article:after, .btDarkSkin .btLightSkin .bt-comments-box ul.comments ul.children li.comment article:after, .btLightSkin .btDarkSkin .btLightSkin .bt-comments-box ul.comments ul.children li.comment article:after { background-color: #f5f5f5; } .btDarkSkin .bt-comments-box ul.comments ul.children li.comment article:after, .bt-dark-skin .bt-comments-box ul.comments ul.children li.comment article:after, .btLightSkin .btDarkSkin .bt-comments-box ul.comments ul.children li.comment article:after, .btDarkSkin.btLightSkin .btDarkSkin .bt-comments-box ul.comments ul.children li.comment article:after { background-color: #252525; } } /* btBox defaults */ .btBox { margin-bottom: 4em; } .btBox:after { content: " "; display: table; width: 100%; clear: both; } /* Base typography */ .sidebar .widget_bt_bb_recent_posts ul li, .btSidebar .widget_bt_bb_recent_posts ul li { margin: 0; } .btBox > h4, .btCustomMenu > h4, .btTopBox > h4 { font-size: 1.3em; margin-bottom: 1em; padding-bottom: 0; display: inline-block; width: 100%; } .btBox h5, .btCustomMenu h5, .btTopBox h5 { font-size: 1.4em; margin-bottom: .35em; } body:not(.btNoDashInSidebar) .btBox > h4:after, body:not(.btNoDashInSidebar) .btCustomMenu > h4:after, body:not(.btNoDashInSidebar) .btTopBox > h4:after { content: ' '; clear: both; width: 3em; display: block; border-bottom: 3px solid #FFAE02; margin: .8em 0 0; } .btBox label, .btCustomMenu label, .btTopBox label { display: none; } .btBox .wp-caption, .btCustomMenu .wp-caption, .btTopBox .wp-caption { margin-bottom: .5em; } .btBox select, .btCustomMenu select, .btTopBox select { display: block; margin: .5em 0 0; width: 100%; padding: .5em; } .btBox ul, .btCustomMenu ul, .btTopBox ul { list-style: none; margin: 0; display: block; padding: 0; } .btBox ul li, .btCustomMenu ul li, .btTopBox ul li { display: block; width: auto; margin: 0; position: relative; padding: .8em 0; margin-left: 0; border-bottom: 1px solid rgba(0,0,0,.07); } .btBox ul li a, .btCustomMenu ul li a, .btTopBox ul li a { display: block; } .btLightSkin .btBox ul li, .btDarkSkin .btLightSkin .btBox ul li, .btLightSkin .btDarkSkin .btLightSkin .btBox ul li, .btLightSkin .btCustomMenu ul li, .btDarkSkin .btLightSkin .btCustomMenu ul li, .btLightSkin .btDarkSkin .btLightSkin .btCustomMenu ul li, .btLightSkin .btTopBox ul li, .btDarkSkin .btLightSkin .btTopBox ul li, .btLightSkin .btDarkSkin .btLightSkin .btTopBox ul li { border-color: rgba(0,0,0,.07); } .btDarkSkin .btBox ul li, .bt-dark-skin .btBox ul li, .btLightSkin .btDarkSkin .btBox ul li, .btDarkSkin.btLightSkin .btDarkSkin .btBox ul li, .btDarkSkin .btCustomMenu ul li, .bt-dark-skin .btCustomMenu ul li, .btLightSkin .btDarkSkin .btCustomMenu ul li, .btDarkSkin.btLightSkin .btDarkSkin .btCustomMenu ul li, .btDarkSkin .btTopBox ul li, .bt-dark-skin .btTopBox ul li, .btLightSkin .btDarkSkin .btTopBox ul li, .btDarkSkin.btLightSkin .btDarkSkin .btTopBox ul li { border-color: rgba(255,255,255,.3); } .btSiteFooterWidgets .btBox ul li, .btSiteFooterWidgets .btCustomMenu ul li, .btSiteFooterWidgets .btTopBox ul li { border-width: 0; padding: 0 0 10px; } .btBox ul li ul, .btCustomMenu ul li ul, .btTopBox ul li ul { margin: 1em 0 0; padding: 0; } .btLightSkin .btBox ul li ul, .btDarkSkin .btLightSkin .btBox ul li ul, .btLightSkin .btDarkSkin .btLightSkin .btBox ul li ul, .btLightSkin .btCustomMenu ul li ul, .btDarkSkin .btLightSkin .btCustomMenu ul li ul, .btLightSkin .btDarkSkin .btLightSkin .btCustomMenu ul li ul, .btLightSkin .btTopBox ul li ul, .btDarkSkin .btLightSkin .btTopBox ul li ul, .btLightSkin .btDarkSkin .btLightSkin .btTopBox ul li ul { border-top: 1px solid rgba(0,0,0,.07); } .btDarkSkin .btBox ul li ul, .bt-dark-skin .btBox ul li ul, .btLightSkin .btDarkSkin .btBox ul li ul, .btDarkSkin.btLightSkin .btDarkSkin .btBox ul li ul, .btDarkSkin .btCustomMenu ul li ul, .bt-dark-skin .btCustomMenu ul li ul, .btLightSkin .btDarkSkin .btCustomMenu ul li ul, .btDarkSkin.btLightSkin .btDarkSkin .btCustomMenu ul li ul, .btDarkSkin .btTopBox ul li ul, .bt-dark-skin .btTopBox ul li ul, .btLightSkin .btDarkSkin .btTopBox ul li ul, .btDarkSkin.btLightSkin .btDarkSkin .btTopBox ul li ul { border-top: 1px solid rgba(255,255,255,.3); } .btBox ul li ul li, .btCustomMenu ul li ul li, .btTopBox ul li ul li { margin-left: .5em; } .btBox ul li.current-menu-item > a, .btCustomMenu ul li.current-menu-item > a, .btTopBox ul li.current-menu-item > a { color: #FFAE02; } .btBox ul li:first-child, .btCustomMenu ul li:first-child, .btTopBox ul li:first-child { padding-top: 0; } .btBox ul li:after, .btCustomMenu ul li:after, .btTopBox ul li:after { clear: both; content: " "; display: block; } .btBox ul li li:last-child, .btCustomMenu ul li li:last-child, .btTopBox ul li li:last-child { border-bottom: none; padding-bottom: 0; } .btBox .btImageTextWidgetWrapper, .btCustomMenu .btImageTextWidgetWrapper, .btTopBox .btImageTextWidgetWrapper { padding-top: .2em; } .btBox .btImageTextWidgetWrapper ul li, .btCustomMenu .btImageTextWidgetWrapper ul li, .btTopBox .btImageTextWidgetWrapper ul li { padding: 0 0 1em; border: none !important; } .btBox .btImageTextWidget, .btCustomMenu .btImageTextWidget, .btTopBox .btImageTextWidget { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .btBox .btImageTextWidget .btImageTextWidgetImage, .btCustomMenu .btImageTextWidget .btImageTextWidgetImage, .btTopBox .btImageTextWidget .btImageTextWidgetImage { -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .btBox .btImageTextWidget .btImageTextWidgetImage a, .btCustomMenu .btImageTextWidget .btImageTextWidgetImage a, .btTopBox .btImageTextWidget .btImageTextWidgetImage a { display: block; line-height: 0; } .btBox .btImageTextWidget .btImageTextWidgetImage a img, .btCustomMenu .btImageTextWidget .btImageTextWidgetImage a img, .btTopBox .btImageTextWidget .btImageTextWidgetImage a img { margin: 0; max-width: 100%; width: 100%; height: auto; } .woocommerce.btBox .btImageTextWidget .btImageTextWidgetImage a img, .woocommerce.btCustomMenu .btImageTextWidget .btImageTextWidgetImage a img, .woocommerce.btTopBox .btImageTextWidget .btImageTextWidgetImage a img { border: 1px solid rgba(0,0,0,.1); } .btBox .btImageTextWidget .btImageTextWidgetText, .btCustomMenu .btImageTextWidget .btImageTextWidgetText, .btTopBox .btImageTextWidget .btImageTextWidgetText { -webkit-flex: 0 0 66.667%; -ms-flex: 0 0 66.667%; flex: 0 0 66.667%; padding-left: 10px; overflow: hidden; } .rtl .btBox .btImageTextWidget .btImageTextWidgetText, .rtl .btCustomMenu .btImageTextWidget .btImageTextWidgetText, .rtl .btTopBox .btImageTextWidget .btImageTextWidgetText { padding-left: 0; padding-right: 10px; } .btBox .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_superheadline, .btCustomMenu .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_superheadline, .btTopBox .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_superheadline { text-transform: uppercase; } .btBox .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_content span, .btCustomMenu .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_content span, .btTopBox .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_content span { font-size: 1rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4em; max-height: 2.8em; } .btBox p.posted, .btBox .quantity, .btCustomMenu p.posted, .btCustomMenu .quantity, .btTopBox p.posted, .btTopBox .quantity { font-weight: 600; margin: 0; font-size: .8em; } /* Calendar */ .widget_calendar table { width: 100%; border-collapse: collapse; } .widget_calendar table caption { background: #FFAE02; background: #FFAE02; color: #FFF; font-family: "Roboto"; font-weight: 700; padding: 5px; } .widget_calendar table thead th { text-align: center; padding: 3px; } .widget_calendar table tfoot td { padding: 3px; } .widget_calendar table tfoot td#next { text-align: right; } .widget_calendar table tbody tr:nth-child(odd) td { background: transparent; } .widget_calendar table tbody td { text-align: center; padding: 2px 3px; } /* Archives */ .btBox.widget_archive ul li, .btBox.widget_categories ul li { text-align: right; } .rtl .btBox.widget_archive ul li, .rtl .btBox.widget_categories ul li { text-align: left; } .btBox.widget_archive ul li a, .btBox.widget_categories ul li a { display: block; float: left; } .rtl .btBox.widget_archive ul li a, .rtl .btBox.widget_categories ul li a { float: right; } .btBox.widget_archive .fancy-select ul li, .btBox.widget_categories .fancy-select ul li { text-align: initial; } .btBox.widget_archive .fancy-select ul li:first-child, .btBox.widget_categories .fancy-select ul li:first-child { padding-top: .5em; } .btBox.widget_archive .fancy-select ul li a, .btBox.widget_categories .fancy-select ul li a { display: inline; float: none !important; } /* Recent comments */ .widget_recent_comments .comment-author-link a { font-weight: 700; display: inline; padding: 0; } /* RSS */ .widget_rss li { margin-bottom: 15px; } .widget_rss li a.rsswidget { font-family: "Roboto"; font-weight: 700; } .widget_rss li .rss-date { display: block; margin: 0 0 5px; } .widget_rss li cite { line-height: 2em; } /* Dropdown archives */ .fancy-select { position: relative; } .fancy-select .trigger { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; cursor: pointer; line-height: 2.5em; padding: 0 0 0 1em; } .rtl .fancy-select .trigger { padding: 0 1em 0 0; } .fancy-select .trigger:before { content: '\f078'; font-family: FontAwesome; display: block; float: right; padding-right: .5em; -webkit-transition: 150ms ease transform,150ms ease color; -moz-transition: 150ms ease transform,150ms ease color; transition: 150ms ease transform,150ms ease color; } .rtl .fancy-select .trigger:before { float: left; padding-right: 0; padding-left: .5em; } .fancy-select .trigger.open:before { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .fancy-select .options { display: none; position: absolute; top: auto; left: 0; width: 100%; list-style: none; max-height: 320px; overflow: auto; border: 1px solid rgba(0,0,0,.07); background-color: #f5f5f5; color: #181818; } .fancy-select .options.open { z-index: 20; display: block; } .fancy-select .options.overflowing { top: auto; bottom: 2.4em; } .fancy-select ul.options { padding: 0; margin: 0; } .fancy-select ul.options li { cursor: pointer; padding-left: 1em; margin: 0; -webkit-transition: 150ms ease color; -moz-transition: 150ms ease color; transition: 150ms ease color; } .fancy-select ul.options li:hover { color: #FFAE02; } /* Woo commerce widgets */ /* Card widget */ .widget_shopping_cart ul li:last-child { border: none; } .widget_shopping_cart .total { width: 100%; border-top: 2px solid #181818; padding: 1em 0 0; font-family: Roboto; line-height: 1.25; } .widget_shopping_cart .total strong { display: block; float: left; padding-right: 8px; } .rtl .widget_shopping_cart .total strong { float: right; padding-right: 0; padding-left: 8px; } .widget_shopping_cart .total .amount { display: block; float: right; } .rtl .widget_shopping_cart .total .amount { float: left; } .widget_shopping_cart .total:after { content: " "; display: table; width: 100%; clear: both; } .btSidebar .widget_shopping_cart .btCartWidgetIcon { display: none; } .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart .buttons { width: 100%; } .widget_shopping_cart .buttons .button { width: 48%; display: block; float: left; text-align: center; background: #FFAE02; color: #fff; padding: .5em; } .btHardRoundedButtons .widget_shopping_cart .buttons .button { border-radius: 50px; } .btSoftRoundedButtons .widget_shopping_cart .buttons .button { border-radius: 3px; } .widget_shopping_cart .buttons .button.checkout { float: right; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item { position: relative; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove { display: block; float: right; margin: 0 0 0 6px; } .rtl .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove { float: left; margin: 0 6px 0 0; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove { display: block; text-align: center; text-decoration: none; font-weight: 700; height: 1em; line-height: 1; width: 1em; vertical-align: middle; color: #fff; background-color: #FFAE02; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:hover { background-color: #0529A3; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:before { content: '\e680'; font-family: Icon7Stroke; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .btImageTextWidget { text-align: left; } .rtl .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .btImageTextWidget { text-align: right; } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .widget_shopping_cart .btImageTextWidget { display: block; max-width: 80% !important; } .widget_shopping_cart .btImageTextWidget .btImageTextWidgetImage { float: left; max-width: 70%; } } /* Shoping cart within header */ .menuPort .widget_shopping_cart, .topTools .widget_shopping_cart, .topBarInLogoArea .widget_shopping_cart { display: inline-block; position: relative; } .btMenuVertical .menuPort .widget_shopping_cart, .btMenuVertical .topTools .widget_shopping_cart, .btMenuVertical .topBarInLogoArea .widget_shopping_cart { position: static; } .menuPort .widget_shopping_cart h2.widgettitle, .topTools .widget_shopping_cart h2.widgettitle, .topBarInLogoArea .widget_shopping_cart h2.widgettitle { display: none; } .btMenuHorizontal .menuPort .widget_shopping_cart:not(:first-child), .btMenuHorizontal .topTools .widget_shopping_cart:not(:first-child), .btMenuHorizontal .topBarInLogoArea .widget_shopping_cart:not(:first-child) { margin-left: 1em; margin-right: 0; } .rtl.btMenuHorizontal .menuPort .widget_shopping_cart:not(:first-child), .rtl.btMenuHorizontal .topTools .widget_shopping_cart:not(:first-child), .rtl.btMenuHorizontal .topBarInLogoArea .widget_shopping_cart:not(:first-child) { margin-right: 1em; margin-left: 0; } .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon, .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon, .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon { cursor: pointer; position: relative; } .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents, .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents, .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents { display: block; padding: 2px 3px; background-color: #0529A3; color: #fff; font: normal 10px/1 "Roboto"; border-radius: 2px; position: absolute; top: 1px; right: -4px; text-align: center; min-width: 1em; } .rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents, .rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents, .rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents { right: auto; left: 0; } .btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents, .btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents, .btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents { position: relative; display: inline-block; vertical-align: 50%; margin: 0 0 -50px -15px; } .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent, .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent, .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent { width: 300px; background: #f5f5f5; padding: 1em; position: absolute; z-index: 999; opacity: 0; right: 0; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); color: #181818; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.6); box-shadow: 0 0 20px 0 rgba(0,0,0,.6); } .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty, .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty, .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty { padding: 0; } .rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent, .rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent, .rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent { right: auto; left: 0; } .rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove, .rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove, .rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove { float: left; } .btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent, .btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent, .btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent { right: auto; left: -160px; min-height: auto; min-width: 16em; width: auto; z-index: 500; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); border: none !important; margin: 0; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; transition: all 350ms ease; } .btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler, .btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler, .btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler { display: block; text-align: center; margin-bottom: 1em; background-color: #FFAE02; color: #fff; border-radius: 5px; cursor: pointer; } .btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after, .btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after, .btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after { content: '\f00d'; display: block; font-family: FontAwesome; font-size: .9em; margin: 0 auto; } .menuPort .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent, .topTools .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent, .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; pointer-events: auto; } .btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent, .btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent, .btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .topBar .widget_shopping_cart .btCartWidgetInnerContent { font-size: 1.25em; color: #181818 !important; text-align: left; } .topBar .btTopToolsRight .widget_shopping_cart .btIco { margin-right: .5em; } /* Product widgets */ .widget_recent_reviews { font-family: Roboto; font-size: .8em; line-height: 1.4; } .widget_recent_reviews li a img { display: block; width: 80px; height: auto; margin: 0 0 0 10px; float: right; border: 1px solid rgba(0,0,0,.1); } .widget_product_categories li li { margin: 0 0 0 1em; } .product_list_widget .reviewer { display: block; line-height: 1; } .product_list_widget li:after { display: table !important; } /* Price filter */ .widget_price_filter .price_slider_wrapper .ui-slider { border-radius: 1em; background-color: rgba(0,0,0,.07); border: 0; position: relative; text-align: left; margin-left: .5em; margin-right: .5em; margin-bottom: 1em; } .widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #FFAE02; border-radius: 1em; cursor: ew-resize; outline: 0; top: -.25em; margin-left: -.5em; } .widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; background-color: rgba(0,0,0,.07); } .widget_price_filter .price_slider_wrapper .ui-slider-horizontal { height: .5em; } .widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .widget_price_filter .price_slider_amount { text-align: right; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .price_slider_amount .price_label { padding-top: 8px; } .widget_price_filter .price_slider_amount .price_label span { font-weight: 600; } /* Layered nav */ .widget_layered_nav ul li.chosen a:before, .widget_layered_nav_filters ul li.chosen a:before { text-indent: 0; display: block; float: left; content: '\e680'; font-family: Icon7Stroke; margin-right: .5em; background-color: transparent; position: relative; } /* Tags */ .btBox .tagcloud a, .btTags ul a { display: inline-block; margin: 0 .3em .3em 0; text-transform: uppercase; padding: .2em 2em; font-size: .8em; background: #FFAE02; color: #fff; } .btHardRoundedButtons .btBox .tagcloud a, .btHardRoundedButtons .btTags ul a { border-radius: 50px; } .btSoftRoundedButtons .btBox .tagcloud a, .btSoftRoundedButtons .btTags ul a { border-radius: 3px; } .btLightSkin.btBox .tagcloud a, .btDarkSkin .btLightSkin.btBox .tagcloud a, .btLightSkin .btDarkSkin .btLightSkin.btBox .tagcloud a, .btLightSkin.btTags ul a, .btDarkSkin .btLightSkin.btTags ul a, .btLightSkin .btDarkSkin .btLightSkin.btTags ul a { color: #181818; } .btDarkSkin.btBox .tagcloud a, .bt-dark-skin.btBox .tagcloud a, .btLightSkin .btDarkSkin.btBox .tagcloud a, .btDarkSkin.btLightSkin .btDarkSkin.btBox .tagcloud a, .btDarkSkin.btTags ul a, .bt-dark-skin.btTags ul a, .btLightSkin .btDarkSkin.btTags ul a, .btDarkSkin.btLightSkin .btDarkSkin.btTags ul a { color: #fff; } .btLightSkin .btBox .tagcloud a:hover, .btDarkSkin .btLightSkin .btBox .tagcloud a:hover, .btLightSkin .btDarkSkin .btLightSkin .btBox .tagcloud a:hover, .btLightSkin .btTags ul a:hover, .btDarkSkin .btLightSkin .btTags ul a:hover, .btLightSkin .btDarkSkin .btLightSkin .btTags ul a:hover { background: #252525; color: #fff; } .btDarkSkin .btBox .tagcloud a:hover, .bt-dark-skin .btBox .tagcloud a:hover, .btLightSkin .btDarkSkin .btBox .tagcloud a:hover, .btDarkSkin.btLightSkin .btDarkSkin .btBox .tagcloud a:hover, .btDarkSkin .btTags ul a:hover, .bt-dark-skin .btTags ul a:hover, .btLightSkin .btDarkSkin .btTags ul a:hover, .btDarkSkin.btLightSkin .btDarkSkin .btTags ul a:hover { background: #f5f5f5; color: #181818; } .btTags ul { list-style: none; margin: 0; padding: 0; } .btTags ul li { display: inline-block; padding: 0; margin: 0; } .btTextLeft .btTags ul li { float: left; } .btTextRight .btTags ul li { float: right; } /* Instagram feed */ .btInstaWrap { padding: .3em 0 1em; } .btInstaGrid { margin: 0 -10px; } .btInstaGrid span { display: block; width: 33.3333%; padding: 0 0 10px 10px; float: left; } .btInstaGrid span:hover img { opacity: .6; } .btInstaGrid span:nth-child(3n + 1) { clear: left; } .btInstaGrid img { display: block; width: 100%; opacity: 1; -webkit-backface-visibility: hidden; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; transition: opacity 200ms ease; } /* BT Text */ .btBox .btImage { margin-bottom: .5em; } .btBox .btImage img { width: auto; margin: auto; } /* Icon Widget */ .topTools .btIconWidget, .topBarInMenu .btIconWidget { position: relative; display: inline-block; line-height: inherit; margin-left: .5em; margin-right: .5em; } .topTools .btIconWidget .btIconWidgetIcon, .topBarInMenu .btIconWidget .btIconWidgetIcon { line-height: inherit; display: inline-block; } .topTools .btIconWidget .btIconWidgetIcon .bt_bb_icon, .topBarInMenu .btIconWidget .btIconWidgetIcon .bt_bb_icon { padding: 0; } .topTools .btIconWidget:hover, .topBarInMenu .btIconWidget:hover { color: #FFAE02; } .btMenuHorizontal .topTools .btIconWidget, .btMenuHorizontal .topBarInMenu .btIconWidget { margin: 0; } .btMenuHorizontal .topTools .btIconWidget:not(:first-child), .btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) { margin-left: 1em; margin-right: 0; } .rtl.btMenuHorizontal .topTools .btIconWidget:not(:first-child), .rtl.btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) { margin-right: 1em; margin-left: 0; } .topTools .btIconWidget.btWidgetWithText .bt_bb_icon, .topBarInMenu .btIconWidget.btWidgetWithText .bt_bb_icon { margin-right: .5em; } .rtl.topTools .btIconWidget.btWidgetWithText .bt_bb_icon, .rtl.topBarInMenu .btIconWidget.btWidgetWithText .bt_bb_icon { margin-right: 0; margin-left: .5em; } .topTools .btIconWidgetContent, .topBarInMenu .btIconWidgetContent { line-height: inherit; display: inline-block; } .topTools .btIconWidgetTitle, .topTools .btIconWidgetText, .topBarInMenu .btIconWidgetTitle, .topBarInMenu .btIconWidgetText { display: inline-block; line-height: inherit; margin-right: .2em; } /* Icon Widget in Top tools */ .topTools .btIconWidget .btIconWidgetIcon { font-size: 1.1em; } .topTools .btIconWidget .btIconWidgetContent { margin-left: .5em; } .topTools .btIconWidget .btIconWidgetContent .btIconWidgetTitle { opacity: .5; } .topTools .btIconWidget .btIconWidgetContent .btIconWidgetText { opacity: .7; } .topTools .btIconWidget.btAccentIconWidget { font-size: 1.2em; line-height: 1.3; } .topTools .btIconWidget.btAccentIconWidget .btIconWidgetContent .btIconWidgetText { font-weight: 300; color: #FFAE02; opacity: 1; } .topTools .btIconWidget.btAccentIconWidget .btIconWidgetContent .btIconWidgetTitle { font-size: 3em; font-weight: 300; opacity: .7; } .topTools .btIconWidget.btAccentIconWidget .btIconWidgetIcon { font-size: 3em; } /* Icon widget in Sidebar */ .btSidebar .btIconWidget, footer .btIconWidget, .topBarInLogoArea .btIconWidget { margin: 0 0 1.6em; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .btMenuVertical .btSidebar .btIconWidget, .btMenuVertical footer .btIconWidget, .btMenuVertical .topBarInLogoArea .btIconWidget { margin: 0 0 2em; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-flow: inherit; -ms-flex-flow: inherit; flex-flow: inherit; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; float: none; } .btSidebar .btIconWidget .btIconWidgetIcon, footer .btIconWidget .btIconWidgetIcon, .topBarInLogoArea .btIconWidget .btIconWidgetIcon { line-height: 1; padding: .25em .3em 0 0; margin: 0; font-size: 2.1em; } .btSidebar .btIconWidget .btIconWidgetContent, footer .btIconWidget .btIconWidgetContent, .topBarInLogoArea .btIconWidget .btIconWidgetContent { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .btSidebar .btIconWidget .btIconWidgetContent .btIconWidgetTitle, footer .btIconWidget .btIconWidgetContent .btIconWidgetTitle, .topBarInLogoArea .btIconWidget .btIconWidgetContent .btIconWidgetTitle { font-size: .9em; font-weight: 600; } .btSidebar .btIconWidget .btIconWidgetContent .btIconWidgetText, footer .btIconWidget .btIconWidgetContent .btIconWidgetText, .topBarInLogoArea .btIconWidget .btIconWidgetContent .btIconWidgetText { font-size: .8em; font-weight: normal; display: block; line-height: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btSidebar .btIconWidget:hover .btIconWidgetText, footer .btIconWidget:hover .btIconWidgetText, .topBarInLogoArea .btIconWidget:hover .btIconWidgetText { color: #FFAE02; } .btSidebar .btIconWidget.btCartWidget, footer .btIconWidget.btCartWidget, .topBarInLogoArea .btIconWidget.btCartWidget { margin: 0; } .topBarInLogoArea .btIconWidget { margin: 0 0 0 2em; float: right; } .rtl.topBarInLogoArea .btIconWidget { margin-right: 0; margin-left: 1em; float: left; } .btAccentDarkHeader .topBarInMenu .btIconWidget:hover { color: #fff; } .btAccentIconWidget.btIconWidget .btIconWidgetIcon { color: #FFAE02; } .btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetIcon, .btSiteFooterWidgets .btBox.widget_shopping_cart .verticalMenuCartToggler { display: none; } .btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li, .btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li:nth-child(2n) { width: auto; float: none; padding: .8em 0; margin: 0; } .btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li:first-child { padding: 0 0 .8em; } /* Search widget */ .btSidebar .btSearch, .btSidebar .widget_product_search { padding: 0 38px 0 0; } .rtl .btSidebar .btSearch, .rtl .btSidebar .widget_product_search { padding: 0 0 0 38px; } .btSidebar .btSearch .port, .btSidebar .widget_product_search .port { padding: 0; } .btSidebar .btSearch input[type="text"], .btSidebar .btSearch input[type="search"], .btSidebar .widget_product_search input[type="text"], .btSidebar .widget_product_search input[type="search"] { padding: 0 10px; background: transparent; height: 38px; width: 100%; display: block; } .btSoftRoundedButtons .btSidebar .btSearch input[type="text"], .btSoftRoundedButtons .btSidebar .btSearch input[type="search"], .btSoftRoundedButtons .btSidebar .widget_product_search input[type="text"], .btSoftRoundedButtons .btSidebar .widget_product_search input[type="search"] { border-radius: 3px 0 0 3px; } .rtl.btSoftRoundedButtons .btSidebar .btSearch input[type="text"], .rtl.btSoftRoundedButtons .btSidebar .btSearch input[type="search"], .rtl.btSoftRoundedButtons .btSidebar .widget_product_search input[type="text"], .rtl.btSoftRoundedButtons .btSidebar .widget_product_search input[type="search"] { border-radius: 0 3px 3px 0; } .btSidebar .btSearch button, .btSidebar .btSearch input[type=submit], .btSidebar .widget_product_search button, .btSidebar .widget_product_search input[type=submit] { width: 38px; height: 38px; border: 0; float: right; margin: -38px -38px 0 0; cursor: pointer; padding: 0 !important; } .rtl .btSidebar .btSearch button, .rtl .btSidebar .btSearch input[type=submit], .rtl .btSidebar .widget_product_search button, .rtl .btSidebar .widget_product_search input[type=submit] { float: left; margin: -38px 0 0 -38px; } .btHardRoundedButtons .btSidebar .btSearch button, .btHardRoundedButtons .btSidebar .btSearch input[type=submit], .btHardRoundedButtons .btSidebar .widget_product_search button, .btHardRoundedButtons .btSidebar .widget_product_search input[type=submit] { border-radius: 50px; } .btSoftRoundedButtons .btSidebar .btSearch button, .btSoftRoundedButtons .btSidebar .btSearch input[type=submit], .btSoftRoundedButtons .btSidebar .widget_product_search button, .btSoftRoundedButtons .btSidebar .widget_product_search input[type=submit] { border-radius: 0 3px 3px 0; } .rtl.btSoftRoundedButtons .btSidebar .btSearch button, .rtl.btSoftRoundedButtons .btSidebar .btSearch input[type=submit], .rtl.btSoftRoundedButtons .btSidebar .widget_product_search button, .rtl.btSoftRoundedButtons .btSidebar .widget_product_search input[type=submit] { border-radius: 3px 0 0 3px; } .btLightSkin .btSidebar .btSearch button, .btDarkSkin .btLightSkin .btSidebar .btSearch button, .btLightSkin .btDarkSkin .btLightSkin .btSidebar .btSearch button, .btLightSkin .btSidebar .btSearch input[type=submit], .btDarkSkin .btLightSkin .btSidebar .btSearch input[type=submit], .btLightSkin .btDarkSkin .btLightSkin .btSidebar .btSearch input[type=submit], .btLightSkin .btSidebar .widget_product_search button, .btDarkSkin .btLightSkin .btSidebar .widget_product_search button, .btLightSkin .btDarkSkin .btLightSkin .btSidebar .widget_product_search button, .btLightSkin .btSidebar .widget_product_search input[type=submit], .btDarkSkin .btLightSkin .btSidebar .widget_product_search input[type=submit], .btLightSkin .btDarkSkin .btLightSkin .btSidebar .widget_product_search input[type=submit] { background-color: #252525 !important; border-color: #252525 !important; color: #fff; } .btDarkSkin .btSidebar .btSearch button, .bt-dark-skin .btSidebar .btSearch button, .btLightSkin .btDarkSkin .btSidebar .btSearch button, .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .btSearch button, .btDarkSkin .btSidebar .btSearch input[type=submit], .bt-dark-skin .btSidebar .btSearch input[type=submit], .btLightSkin .btDarkSkin .btSidebar .btSearch input[type=submit], .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .btSearch input[type=submit], .btDarkSkin .btSidebar .widget_product_search button, .bt-dark-skin .btSidebar .widget_product_search button, .btLightSkin .btDarkSkin .btSidebar .widget_product_search button, .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .widget_product_search button, .btDarkSkin .btSidebar .widget_product_search input[type=submit], .bt-dark-skin .btSidebar .widget_product_search input[type=submit], .btLightSkin .btDarkSkin .btSidebar .widget_product_search input[type=submit], .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .widget_product_search input[type=submit] { background-color: #f5f5f5 !important; border-color: #f5f5f5 !important; color: #181818; } .btSidebar .btSearch button, .btSidebar .widget_product_search button { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btSidebar .btSearch button:before, .btSidebar .widget_product_search button:before { font-family: FontAwesome; content: "\f002"; display: inline-block; } .btLightSkin .btSidebar .btSearch button:before, .btDarkSkin .btLightSkin .btSidebar .btSearch button:before, .btLightSkin .btDarkSkin .btLightSkin .btSidebar .btSearch button:before, .btLightSkin .btSidebar .widget_product_search button:before, .btDarkSkin .btLightSkin .btSidebar .widget_product_search button:before, .btLightSkin .btDarkSkin .btLightSkin .btSidebar .widget_product_search button:before { color: #fff; } .btDarkSkin .btSidebar .btSearch button:before, .bt-dark-skin .btSidebar .btSearch button:before, .btLightSkin .btDarkSkin .btSidebar .btSearch button:before, .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .btSearch button:before, .btDarkSkin .btSidebar .widget_product_search button:before, .bt-dark-skin .btSidebar .widget_product_search button:before, .btLightSkin .btDarkSkin .btSidebar .widget_product_search button:before, .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .widget_product_search button:before { color: #181818; } .btLightSkin .btSidebar .btSearch button:hover, .btDarkSkin .btLightSkin .btSidebar .btSearch button:hover, .btLightSkin .btDarkSkin .btLightSkin .btSidebar .btSearch button:hover, .btDarkSkin .btSidebar .btSearch button:hover, .bt-dark-skin .btSidebar .btSearch button:hover, .btLightSkin .btDarkSkin .btSidebar .btSearch button:hover, .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .btSearch button:hover, .btLightSkin .btSidebar .widget_product_search button:hover, .btDarkSkin .btLightSkin .btSidebar .widget_product_search button:hover, .btLightSkin .btDarkSkin .btLightSkin .btSidebar .widget_product_search button:hover, .btDarkSkin .btSidebar .widget_product_search button:hover, .bt-dark-skin .btSidebar .widget_product_search button:hover, .btLightSkin .btDarkSkin .btSidebar .widget_product_search button:hover, .btDarkSkin.btLightSkin .btDarkSkin .btSidebar .widget_product_search button:hover { background: #FFAE02 !important; border-color: #FFAE02 !important; color: #fff; } .btSidebar .btSearch .bt_bb_icon, .btSidebar .widget_product_search .bt_bb_icon { display: none; } .btTopToolsRight .btSearch .bt_bb_icon, .btTopToolsRight .widget_shopping_cart .bt_bb_icon { margin-left: .5em; padding-left: .5em; } .btTopToolsLeft .btSearch .bt_bb_icon, .btTopToolsLeft .widget_shopping_cart .bt_bb_icon { margin-left: .5em; padding-left: .5em; } /* Twitter widget */ .recentTweets small { font-family: "Roboto"; font-size: .7em; text-transform: uppercase; line-height: 1.8; padding-bottom: .3em; display: block; } .recentTweets p { font-weight: 300; font-size: 1.1em; line-height: 1.6; } /* Text widget */ .widget_bt_bb_text_image .bt_bb_slider { margin-bottom: .5em; } /* Top Search widget */ .widget_search .btSearch .bt_bb_icon { padding: 0; } .btSearchInner.btFromTopBox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(0,100%); -moz-transform: translate(0,100%); -ms-transform: translate(0,100%); transform: translate(0,100%); -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.15); box-shadow: 0 0 50px 0 rgba(0,0,0,.15); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; transition: all 800ms ease; z-index: 99998; } .btLightSkin .btSearchInner.btFromTopBox, .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox, .btLightSkin .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox { background: #f5f5f5; } .btDarkSkin .btSearchInner.btFromTopBox, .bt-dark-skin .btSearchInner.btFromTopBox, .btLightSkin .btDarkSkin .btSearchInner.btFromTopBox, .btDarkSkin.btLightSkin .btDarkSkin .btSearchInner.btFromTopBox { background: #252525; } .btSearchInner.btFromTopBox .btSearchInnerContent { text-align: center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .btSearchInner.btFromTopBox form { text-align: center; position: absolute; height: 6.75em; left: 0; right: 0; top: 50%; margin: -3.375em 10% 0; } .btSearchInner.btFromTopBox .btSearchInnerClose { display: block; position: absolute; right: 0; top: 0; cursor: pointer; } .rtl .btSearchInner.btFromTopBox .btSearchInnerClose { right: auto; left: 0; } .btSearchInner.btFromTopBox .btSearchInnerClose .bt_bb_icon { padding: 0; } .btSearchInner.btFromTopBox .btSearchInnerClose .bt_bb_icon { width: auto; height: auto; -webkit-transition: none; -moz-transition: none; transition: none; } .btSearchInner.btFromTopBox .btSearchInnerClose .bt_bb_icon .bt_bb_icon_holder:before { font: 8em/1 Icon7Stroke; content: "\e680"; width: auto; height: auto; -webkit-transition: none; -moz-transition: none; transition: none; } .btSearchInner.btFromTopBox .btSearchInnerClose .bt_bb_icon a.bt_bb_icon_holder { color: #FFAE02; -webkit-transition: 300ms ease all; -moz-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .btSearchInner.btFromTopBox .btSearchInnerClose .bt_bb_icon:hover a.bt_bb_icon_holder { color: #b57b00; -webkit-transition: 300ms ease all; -moz-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btSearchInner.btFromTopBox input[type="text"] { padding: 0 2em 0 1em; height: 2.25em; line-height: 2.25em; font-size: 3em; font-weight: 300; border: none; text-align: left; -webkit-transition: 500ms ease all; -moz-transition: 500ms ease all; transition: 500ms ease all; } .rtl .btSearchInner.btFromTopBox input[type="text"] { padding: 0 1em 0 2em; } .btLightSkin .btSearchInner.btFromTopBox input[type="text"], .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox input[type="text"], .btLightSkin .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox input[type="text"] { color: #181818; -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 2px rgba(0,0,0,.1) inset; } .btDarkSkin .btSearchInner.btFromTopBox input[type="text"], .bt-dark-skin .btSearchInner.btFromTopBox input[type="text"], .btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"], .btDarkSkin.btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"] { color: #fff; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset; box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset; } .btSearchInner.btFromTopBox input[type="text"]:focus { border: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .btLightSkin .btSearchInner.btFromTopBox input[type="text"]:focus, .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox input[type="text"]:focus, .btLightSkin .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox input[type="text"]:focus { -webkit-box-shadow: 0 0 0 3px #252525 inset; box-shadow: 0 0 0 3px #252525 inset; } .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]:focus, .bt-dark-skin .btSearchInner.btFromTopBox input[type="text"]:focus, .btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]:focus, .btDarkSkin.btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]:focus { -webkit-box-shadow: 0 0 0 3px #f5f5f5 inset; box-shadow: 0 0 0 3px #f5f5f5 inset; } .btHardRoundedButtons .btSearchInner.btFromTopBox input[type="text"] { border-radius: 100px; } .btSoftRoundedButtons .btSearchInner.btFromTopBox input[type="text"] { border-radius: 10px; } .btSquareButtons .btSearchInner.btFromTopBox input[type="text"] { border-radius: 0; } .btSearchInner.btFromTopBox button { border: 0 !important; position: absolute; margin: 0; right: 0; top: 0; border-radius: 0; width: 6.75em; height: 6.75em; background: transparent !important; border: 0; cursor: pointer; -webkit-box-shadow: none !important; box-shadow: none !important; } .rtl .btSearchInner.btFromTopBox button { right: auto; left: 0; } .btSearchInner.btFromTopBox button:before { font: 4em/1 Icon7Stroke; display: block; content: "\e618"; color: #fff; font-weight: 400; text-align: center; -webkit-transition: color 300ms ease; -moz-transition: color 300ms ease; transition: color 300ms ease; } .btLightSkin .btSearchInner.btFromTopBox button:before, .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox button:before, .btLightSkin .btDarkSkin .btLightSkin .btSearchInner.btFromTopBox button:before { color: rgba(0,0,0,.1); } .btDarkSkin .btSearchInner.btFromTopBox button:before, .bt-dark-skin .btSearchInner.btFromTopBox button:before, .btLightSkin .btDarkSkin .btSearchInner.btFromTopBox button:before, .btDarkSkin.btLightSkin .btDarkSkin .btSearchInner.btFromTopBox button:before { color: rgba(255,255,255,.5); } .btSearchInner.btFromTopBox button:hover:before { color: #FFAE02; -webkit-transition: color 300ms ease; -moz-transition: color 300ms ease; transition: color 300ms ease; } .btTopToolsSearchOpen .btSearchInner.btFromTopBox { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-webkit-input-placeholder, .bt-dark-skin .btSearchInner.btFromTopBox input[type="text"]::-webkit-input-placeholder, .btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-webkit-input-placeholder, .btDarkSkin.btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-webkit-input-placeholder { color: rgba(255,255,255,.3); } .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-moz-placeholder, .bt-dark-skin .btSearchInner.btFromTopBox input[type="text"]::-moz-placeholder, .btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-moz-placeholder, .btDarkSkin.btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-moz-placeholder { color: rgba(255,255,255,.3); } .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-ms-input-placeholder, .bt-dark-skin .btSearchInner.btFromTopBox input[type="text"]::-ms-input-placeholder, .btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-ms-input-placeholder, .btDarkSkin.btLightSkin .btDarkSkin .btSearchInner.btFromTopBox input[type="text"]::-ms-input-placeholder { color: rgba(255,255,255,.3); } .btSidebar .btSearch button { border-radius: 0 !important; } /* Unit test fix */ .bt_bb_headline_superheadline { margin-bottom: 1em; } .bt_bb_headline h1, .bt_bb_headline h2, .bt_bb_headline h3, .bt_bb_headline h4, .bt_bb_headline h5, .bt_bb_headline h6 { margin: 0; padding: 0; } .bt_bb_headline .bt_bb_headline_content a { color: inherit; } .bt_bb_headline .bt_bb_headline_content a:hover { color: #FFAE02; } /* Sections */ .bt_bb_row.bt_bb_column_gap_0 .bt_bb_column.bt_bb_padding_double .bt_bb_column_content { padding-left: 2em; padding-right: 2em; } /* Special sections */ @media (min-width: 1200px) { .bt_bb_layout_boxed_right_1200 { max-width: -webkit-calc(50vw + 592px); max-width: -moz-calc(50vw + 592px); max-width: calc(50vw + 592px); } .bt_bb_layout_boxed_right_1200 .bt_bb_cell { padding-left: -webkit-calc(50vw - 592px); padding-left: -moz-calc(50vw - 592px); padding-left: calc(50vw - 592px); } .bt_bb_layout_boxed_right_1200 .bt_bb_cell .bt_bb_row .bt_bb_column .bt_bb_column_content .bt_bb_image.btMoveToEdge, .bt_bb_layout_boxed_right_1200 .bt_bb_cell .bt_bb_row .bt_bb_column .bt_bb_column_content .bt_bb_google_maps.btMoveToEdge { margin-left: -webkit-calc(-50vw + 560px); margin-left: -moz-calc(-50vw + 560px); margin-left: calc(-50vw + 560px); } .touch .bt_bb_layout_boxed_right_1200 { max-width: -webkit-calc(50vw + 600px); max-width: -moz-calc(50vw + 600px); max-width: calc(50vw + 600px); } .touch .bt_bb_layout_boxed_right_1200 .bt_bb_cell { padding-left: -webkit-calc(50vw - 600px); padding-left: -moz-calc(50vw - 600px); padding-left: calc(50vw - 600px); } .bt_bb_layout_boxed_left_1200 { margin-left: -webkit-calc(50vw - 608px); margin-left: -moz-calc(50vw - 608px); margin-left: calc(50vw - 608px); } .bt_bb_layout_boxed_left_1200 .bt_bb_cell { padding-right: -webkit-calc(50vw - 608px); padding-right: -moz-calc(50vw - 608px); padding-right: calc(50vw - 608px); } .bt_bb_layout_boxed_left_1200 .bt_bb_cell .bt_bb_row .bt_bb_column .bt_bb_column_content .bt_bb_image.btMoveToEdge, .bt_bb_layout_boxed_left_1200 .bt_bb_cell .bt_bb_row .bt_bb_column .bt_bb_column_content .bt_bb_google_maps.btMoveToEdge { margin-right: -webkit-calc(-50vw + 560px); margin-right: -moz-calc(-50vw + 560px); margin-right: calc(-50vw + 560px); } .touch .bt_bb_layout_boxed_left_1200 { margin-left: -webkit-calc(50vw - 600px); margin-left: -moz-calc(50vw - 600px); margin-left: calc(50vw - 600px); } .touch .bt_bb_layout_boxed_left_1200 bt_bb_cell { padding-right: -webkit-calc(50vw - 600px); padding-right: -moz-calc(50vw - 600px); padding-right: calc(50vw - 600px); } } @media (max-width: 1200px) { .bt_bb_layout_boxed_left_1200 .bt_bb_cell, .bt_bb_layout_boxed_right_1200 .bt_bb_cell { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } .bt_bb_top_negative_margin_extra_large { margin-top: -16em; } .bt_bb_top_negative_margin_large { margin-top: -8em; } .bt_bb_top_negative_margin_medium { margin-top: -4em; } .bt_bb_top_negative_margin_normal { margin-top: -2em; } .bt_bb_top_negative_margin_small { margin-top: -1em; } .bt_bb_top_negative_margin_extra_small { margin-top: -.5em; } .bt_bb_bottom_negative_margin_extra_large { margin-bottom: -16em; z-index: 1; } .bt_bb_bottom_negative_margin_large { margin-bottom: -8em; z-index: 1; } .bt_bb_bottom_negative_margin_medium { margin-bottom: -4em; z-index: 1; } .bt_bb_bottom_negative_margin_normal { margin-bottom: -2em; z-index: 1; } .bt_bb_bottom_negative_margin_small { margin-bottom: -1em; z-index: 1; } .bt_bb_bottom_negative_margin_extra_small { margin-bottom: -.5em; z-index: 1; } /* Section */ .bt_bb_section.bt_bb_highlighted_outline .bt_bb_cell { border: 1px solid rgba(136,136,136,.8); } .bt_bb_section.bt_bb_highlighted_shadow { -webkit-box-shadow: 5px 5px 10px rgba(136,136,136,.8); box-shadow: 5px 5px 10px rgba(136,136,136,.8); } .bt_bb_section[class*="accent_gradient"]:before { background: -webkit-linear-gradient(top,#FFAE02 0%,rgba(255,174,2,0) 25%,rgba(255,174,2,0) 75%,#FFAE02 100%); background: -moz-linear-gradient(top,#FFAE02 0%,rgba(255,174,2,0) 25%,rgba(255,174,2,0) 75%,#FFAE02 100%); background: linear-gradient(to bottom,#FFAE02 0%,rgba(255,174,2,0) 25%,rgba(255,174,2,0) 75%,#FFAE02 100%); } .bt_bb_section[class*="alternate_gradient"]:before { background: -webkit-linear-gradient(top,#0529A3 0%,rgba(5,41,163,0) 35%,rgba(5,41,163,0) 65%,#0529A3 100%); background: -moz-linear-gradient(top,#0529A3 0%,rgba(5,41,163,0) 35%,rgba(5,41,163,0) 65%,#0529A3 100%); background: linear-gradient(to bottom,#0529A3 0%,rgba(5,41,163,0) 35%,rgba(5,41,163,0) 65%,#0529A3 100%); } /* Column */ .bt_bb_column.bt_bb_highlighted_outline .bt_bb_column_content { border: 1px solid #ccc; } .bt_bb_column.bt_bb_highlighted_shadow { -webkit-box-shadow: 5px 5px 10px rgba(136,136,136,.8); box-shadow: 5px 5px 10px rgba(136,136,136,.8); } /* Inner Column */ .bt_bb_column_inner.bt_bb_highlighted_outline .bt_bb_column_inner_content { border: 1px solid #ccc; } /* Header */ .bt_bb_headline { position: relative; } .bt_bb_dash_top.bt_bb_headline .bt_bb_headline_content:before, .bt_bb_dash_top_bottom.bt_bb_headline .bt_bb_headline_content:before { margin: .1em 0 .2em; width: 1.5em; border-color: #FFAE02; border-width: 0 0 4px; } .bt_bb_dash_bottom.bt_bb_headline .bt_bb_headline_content:after, .bt_bb_dash_top_bottom.bt_bb_headline .bt_bb_headline_content:after { margin: .4em 0 .2em; width: 1.8em; border-color: #FFAE02; border-width: 0 0 4px; } .bt_bb_headline h1 del, .bt_bb_headline h2 del, .bt_bb_headline h3 del, .bt_bb_headline h4 del, .bt_bb_headline h5 del, .bt_bb_headline h6 del, .bt_bb_headline h7 del, .bt_bb_headline h8 del { color: #FFAE02; font-size: 80%; margin-left: .3em; } .bt_bb_headline h1 em, .bt_bb_headline h2 em, .bt_bb_headline h3 em, .bt_bb_headline h4 em, .bt_bb_headline h5 em, .bt_bb_headline h6 em, .bt_bb_headline h7 em, .bt_bb_headline h8 em { color: #FFAE02; font-style: inherit; } .bt_bb_headline h1 .bt_bb_headline_superheadline, .bt_bb_headline h2 .bt_bb_headline_superheadline, .bt_bb_headline h3 .bt_bb_headline_superheadline, .bt_bb_headline h4 .bt_bb_headline_superheadline, .bt_bb_headline h5 .bt_bb_headline_superheadline, .bt_bb_headline h6 .bt_bb_headline_superheadline, .bt_bb_headline h7 .bt_bb_headline_superheadline, .bt_bb_headline h8 .bt_bb_headline_superheadline { display: block; font-family: "Roboto"; font-size: 1rem; letter-spacing: 1px; line-height: 1.8; margin-bottom: .2em; color: inherit !important; font-weight: 400; } .bt_bb_font_weight_bolder.bt_bb_headline h1, .bt_bb_font_weight_bolder.bt_bb_headline h2, .bt_bb_font_weight_bolder.bt_bb_headline h3, .bt_bb_font_weight_bolder.bt_bb_headline h4, .bt_bb_font_weight_bolder.bt_bb_headline h5, .bt_bb_font_weight_bolder.bt_bb_headline h6, .bt_bb_font_weight_bolder.bt_bb_headline h7, .bt_bb_font_weight_bolder.bt_bb_headline h8 { font-weight: 500; } .bt_bb_headline .bt_bb_headline_subheadline { font-family: "Roboto"; margin-top: 1em; font-size: 1.5rem; line-height: 1.5; opacity: .9; font-weight: 300; } .bt_bb_size_extrasmall.bt_bb_headline h1, .bt_bb_size_extrasmall.bt_bb_headline h2, .bt_bb_size_extrasmall.bt_bb_headline h3, .bt_bb_size_extrasmall.bt_bb_headline h4, .bt_bb_size_extrasmall.bt_bb_headline h5, .bt_bb_size_extrasmall.bt_bb_headline h6, .bt_bb_size_extrasmall.bt_bb_headline h7, .bt_bb_size_extrasmall.bt_bb_headline h8 { font-size: 1rem; } .bt_bb_size_extrasmall.bt_bb_headline h1 .bt_bb_headline_content:before, .bt_bb_size_extrasmall.bt_bb_headline h2 .bt_bb_headline_content:before, .bt_bb_size_extrasmall.bt_bb_headline h3 .bt_bb_headline_content:before, .bt_bb_size_extrasmall.bt_bb_headline h4 .bt_bb_headline_content:before, .bt_bb_size_extrasmall.bt_bb_headline h5 .bt_bb_headline_content:before, .bt_bb_size_extrasmall.bt_bb_headline h6 .bt_bb_headline_content:before, .bt_bb_size_extrasmall.bt_bb_headline h7 .bt_bb_headline_content:before, .bt_bb_size_extrasmall.bt_bb_headline h8 .bt_bb_headline_content:before { margin: 0 0 .4em; } .bt_bb_size_extrasmall.bt_bb_headline h1 .bt_bb_headline_content:after, .bt_bb_size_extrasmall.bt_bb_headline h2 .bt_bb_headline_content:after, .bt_bb_size_extrasmall.bt_bb_headline h3 .bt_bb_headline_content:after, .bt_bb_size_extrasmall.bt_bb_headline h4 .bt_bb_headline_content:after, .bt_bb_size_extrasmall.bt_bb_headline h5 .bt_bb_headline_content:after, .bt_bb_size_extrasmall.bt_bb_headline h6 .bt_bb_headline_content:after, .bt_bb_size_extrasmall.bt_bb_headline h7 .bt_bb_headline_content:after, .bt_bb_size_extrasmall.bt_bb_headline h8 .bt_bb_headline_content:after { margin: .5em 0 .1em; border-width: 0 0 2px; } .bt_bb_size_extrasmall.bt_bb_headline .bt_bb_headline_superheadline { font-size: .7rem; margin-bottom: .7em; letter-spacing: 0; } .bt_bb_size_extrasmall.bt_bb_headline .bt_bb_headline_subheadline { font-size: .9em; margin-top: .2em; line-height: 1.8; } .bt_bb_size_small.bt_bb_headline h1, .bt_bb_size_small.bt_bb_headline h2, .bt_bb_size_small.bt_bb_headline h3, .bt_bb_size_small.bt_bb_headline h4, .bt_bb_size_small.bt_bb_headline h5, .bt_bb_size_small.bt_bb_headline h6, .bt_bb_size_small.bt_bb_headline h7, .bt_bb_size_small.bt_bb_headline h8 { font-size: 1.5em; } .bt_bb_size_small.bt_bb_headline h1 .bt_bb_headline_content:after, .bt_bb_size_small.bt_bb_headline h2 .bt_bb_headline_content:after, .bt_bb_size_small.bt_bb_headline h3 .bt_bb_headline_content:after, .bt_bb_size_small.bt_bb_headline h4 .bt_bb_headline_content:after, .bt_bb_size_small.bt_bb_headline h5 .bt_bb_headline_content:after, .bt_bb_size_small.bt_bb_headline h6 .bt_bb_headline_content:after, .bt_bb_size_small.bt_bb_headline h7 .bt_bb_headline_content:after, .bt_bb_size_small.bt_bb_headline h8 .bt_bb_headline_content:after { margin: .6em 0 0; border-width: 0 0 2px; } .bt_bb_size_small.bt_bb_headline .bt_bb_headline_superheadline { font-size: .7rem; letter-spacing: 0; } .bt_bb_size_small.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1rem; margin-top: .6em; line-height: 1.8; } .bt_bb_size_medium.bt_bb_headline h1, .bt_bb_size_medium.bt_bb_headline h2, .bt_bb_size_medium.bt_bb_headline h3, .bt_bb_size_medium.bt_bb_headline h4, .bt_bb_size_medium.bt_bb_headline h5, .bt_bb_size_medium.bt_bb_headline h6, .bt_bb_size_medium.bt_bb_headline h7, .bt_bb_size_medium.bt_bb_headline h8 { font-size: 2.25em; } .bt_bb_size_medium.bt_bb_headline h1 .bt_bb_headline_content:after, .bt_bb_size_medium.bt_bb_headline h2 .bt_bb_headline_content:after, .bt_bb_size_medium.bt_bb_headline h3 .bt_bb_headline_content:after, .bt_bb_size_medium.bt_bb_headline h4 .bt_bb_headline_content:after, .bt_bb_size_medium.bt_bb_headline h5 .bt_bb_headline_content:after, .bt_bb_size_medium.bt_bb_headline h6 .bt_bb_headline_content:after, .bt_bb_size_medium.bt_bb_headline h7 .bt_bb_headline_content:after, .bt_bb_size_medium.bt_bb_headline h8 .bt_bb_headline_content:after { margin: .6em 0 .2em; } .bt_bb_size_medium.bt_bb_headline .bt_bb_headline_superheadline { font-size: .8rem; letter-spacing: 0; } .bt_bb_size_medium.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1rem; line-height: 1.8; margin-top: .8em; } .bt_bb_size_normal.bt_bb_headline h1, .bt_bb_size_normal.bt_bb_headline h2, .bt_bb_size_normal.bt_bb_headline h3, .bt_bb_size_normal.bt_bb_headline h4, .bt_bb_size_normal.bt_bb_headline h5, .bt_bb_size_normal.bt_bb_headline h6, .bt_bb_size_normal.bt_bb_headline h7, .bt_bb_size_normal.bt_bb_headline h8 { font-size: 2.6em; line-height: 1.3em; } .bt_bb_size_normal.bt_bb_headline h1 .bt_bb_headline_content:after, .bt_bb_size_normal.bt_bb_headline h2 .bt_bb_headline_content:after, .bt_bb_size_normal.bt_bb_headline h3 .bt_bb_headline_content:after, .bt_bb_size_normal.bt_bb_headline h4 .bt_bb_headline_content:after, .bt_bb_size_normal.bt_bb_headline h5 .bt_bb_headline_content:after, .bt_bb_size_normal.bt_bb_headline h6 .bt_bb_headline_content:after, .bt_bb_size_normal.bt_bb_headline h7 .bt_bb_headline_content:after, .bt_bb_size_normal.bt_bb_headline h8 .bt_bb_headline_content:after { margin: .55em 0 0; } .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_superheadline { font-size: .9rem; letter-spacing: 0; } .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.4rem; line-height: 1.8; margin-top: 1em; } .bt_bb_size_large.bt_bb_headline h1, .bt_bb_size_large.bt_bb_headline h2, .bt_bb_size_large.bt_bb_headline h3, .bt_bb_size_large.bt_bb_headline h4, .bt_bb_size_large.bt_bb_headline h5, .bt_bb_size_large.bt_bb_headline h6, .bt_bb_size_large.bt_bb_headline h7, .bt_bb_size_large.bt_bb_headline h8 { font-size: 3em; } .bt_bb_size_large.bt_bb_headline h1 .bt_bb_headline_content:after, .bt_bb_size_large.bt_bb_headline h2 .bt_bb_headline_content:after, .bt_bb_size_large.bt_bb_headline h3 .bt_bb_headline_content:after, .bt_bb_size_large.bt_bb_headline h4 .bt_bb_headline_content:after, .bt_bb_size_large.bt_bb_headline h5 .bt_bb_headline_content:after, .bt_bb_size_large.bt_bb_headline h6 .bt_bb_headline_content:after, .bt_bb_size_large.bt_bb_headline h7 .bt_bb_headline_content:after, .bt_bb_size_large.bt_bb_headline h8 .bt_bb_headline_content:after { margin: .45em 0 0; } .bt_bb_size_large.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1rem; } .bt_bb_size_large.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.7rem; margin-top: .8em; } .bt_bb_size_extralarge.bt_bb_headline h1, .bt_bb_size_extralarge.bt_bb_headline h2, .bt_bb_size_extralarge.bt_bb_headline h3, .bt_bb_size_extralarge.bt_bb_headline h4, .bt_bb_size_extralarge.bt_bb_headline h5, .bt_bb_size_extralarge.bt_bb_headline h6, .bt_bb_size_extralarge.bt_bb_headline h7, .bt_bb_size_extralarge.bt_bb_headline h8 { font-size: 4.5rem; } .bt_bb_size_extralarge.bt_bb_headline h1 .bt_bb_headline_content:after, .bt_bb_size_extralarge.bt_bb_headline h2 .bt_bb_headline_content:after, .bt_bb_size_extralarge.bt_bb_headline h3 .bt_bb_headline_content:after, .bt_bb_size_extralarge.bt_bb_headline h4 .bt_bb_headline_content:after, .bt_bb_size_extralarge.bt_bb_headline h5 .bt_bb_headline_content:after, .bt_bb_size_extralarge.bt_bb_headline h6 .bt_bb_headline_content:after, .bt_bb_size_extralarge.bt_bb_headline h7 .bt_bb_headline_content:after, .bt_bb_size_extralarge.bt_bb_headline h8 .bt_bb_headline_content:after { margin: .45em 0 .3em; } .bt_bb_size_extralarge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.4rem; margin-bottom: .5em; } .bt_bb_size_extralarge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.8rem; margin-top: .8em; } .bt_bb_size_huge.bt_bb_headline h1, .bt_bb_size_huge.bt_bb_headline h2, .bt_bb_size_huge.bt_bb_headline h3, .bt_bb_size_huge.bt_bb_headline h4, .bt_bb_size_huge.bt_bb_headline h5, .bt_bb_size_huge.bt_bb_headline h6, .bt_bb_size_huge.bt_bb_headline h7, .bt_bb_size_huge.bt_bb_headline h8 { font-size: 5.6rem; } .bt_bb_size_huge.bt_bb_headline h1 .bt_bb_headline_content:after, .bt_bb_size_huge.bt_bb_headline h2 .bt_bb_headline_content:after, .bt_bb_size_huge.bt_bb_headline h3 .bt_bb_headline_content:after, .bt_bb_size_huge.bt_bb_headline h4 .bt_bb_headline_content:after, .bt_bb_size_huge.bt_bb_headline h5 .bt_bb_headline_content:after, .bt_bb_size_huge.bt_bb_headline h6 .bt_bb_headline_content:after, .bt_bb_size_huge.bt_bb_headline h7 .bt_bb_headline_content:after, .bt_bb_size_huge.bt_bb_headline h8 .bt_bb_headline_content:after { margin: .45em 0 .3em; } .bt_bb_size_huge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.2rem; margin-bottom: 1em; } .bt_bb_size_huge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 2rem; margin-top: .8em; } /* Compact heading style */ body.btHeadingStyle_compact header.bt_bb_headline .bt_bb_headline_superheadline, body.btHeadingStyle_compact header.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1rem; letter-spacing: initial; text-transform: initial; font-style: italic; } body.btHeadingStyle_compact header.bt_bb_headline.bt_bb_size_extralarge .bt_bb_headline_superheadline, body.btHeadingStyle_compact header.bt_bb_headline.bt_bb_size_extralarge .bt_bb_headline_subheadline { font-size: 1.2rem; } body.btHeadingStyle_compact h1, body.btHeadingStyle_compact h2, body.btHeadingStyle_compact h3, body.btHeadingStyle_compact h4, body.btHeadingStyle_compact h5, body.btHeadingStyle_compact h6 { text-transform: uppercase; line-height: 1 !important; font-weight: 600; } /* Progress bar */ .bt_bb_size_small.bt_bb_progress_bar { font-size: .8em; } .bt_bb_size_small.bt_bb_progress_bar .bt_bb_progress_bar_inner { padding-top: .3em; padding-bottom: .3em; } .bt_bb_style_line.bt_bb_progress_bar .bt_bb_progress_bar_inner { border-width: 3px; text-align: right; } /* Latest posts */ .bt_bb_latest_posts_item { padding-bottom: 2em !important; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image img { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: transform 300ms ease-out; -moz-transition: transform 300ms ease-out; transition: transform 300ms ease-out; } .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_image img { -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); -ms-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content { -webkit-box-shadow: 0 0 0 #d7d7d7; box-shadow: 0 0 0 #d7d7d7; background-color: transparent; -webkit-transition: background 300ms ease-in-out,box-shadow 600ms ease-in-out; -moz-transition: background 300ms ease-in-out,box-shadow 600ms ease-in-out; transition: background 300ms ease-in-out,box-shadow 600ms ease-in-out; } .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_content { -webkit-box-shadow: 0 7px 20px #d7d7d7; box-shadow: 0 7px 20px #d7d7d7; background-color: #fff; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_date { font-family: "Roboto"; padding-left: 0; font-weight: 300 !important; font-size: .8em !important; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_date:before { content: ''; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { margin: 0; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_author, .bt_bb_latest_posts_item .bt_bb_latest_posts_item_comments { font-weight: 300 !important; font-size: .8em !important; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_author a, .bt_bb_latest_posts_item .bt_bb_latest_posts_item_comments a { color: #181818; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_author a:hover, .bt_bb_latest_posts_item .bt_bb_latest_posts_item_comments a:hover { color: #FFAE02; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.3em; max-height: 3.9em; line-height: 1.3em; font-weight: 500; font-size: 1.5em; } .btLightSkin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a, .btDarkSkin .btLightSkin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a, .btLightSkin .btDarkSkin .btLightSkin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a { color: #181818; } .btDarkSkin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a, .bt-dark-skin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a, .btLightSkin .btDarkSkin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a, .btDarkSkin.btLightSkin .btDarkSkin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a { color: #fff; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a:hover { color: #FFAE02; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_excerpt { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 1.8em; max-height: 7.2em; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content { padding: 1em 1em; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_meta { padding: 0 0 .3em; opacity: .8; } .bt_bb_latest_posts_item a.bt_bb_latest_posts_item_more { color: #181818; text-transform: uppercase; font-size: .6em; letter-spacing: .5px; padding-left: 1em; } .bt_bb_latest_posts_item a.bt_bb_latest_posts_item_more:hover { color: #FFAE02; } /* Masonry post grid */ .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content { padding: 1.5em 2em 2em; background-color: white; } .btDarkSkin .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content { background-color: black; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { font-size: 1.5em; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title a { color: #181818; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title a:hover { color: #FFAE02; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories li a { color: inherit; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_post_share { margin-top: 1.5em; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_post_share .bt_bb_icon { padding: 0 .5em; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title + .bt_bb_grid_item_post_excerpt:not(:empty) { margin-top: 0; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_post_excerpt { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 1.8em; max-height: 7.2em; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_meta { font-family: "Roboto"; } .bt_bb_masonry_post_grid .bt_bb_grid_item_post_content .bt_bb_grid_item_meta > span { font-weight: 400; } .bt_bb_masonry_post_grid .bt_bb_grid_item .bt_bb_grid_item_inner { border: 1px solid #ccc; } /* Icons */ .bt_bb_align_left .bt_bb_align_center.bt_bb_icon,.bt_bb_align_right .bt_bb_align_center.bt_bb_icon,.bt_bb_align_left .bt_bb_align_center .bt_bb_icon,.bt_bb_align_right .bt_bb_align_center .bt_bb_icon,.bt_bb_align_center.bt_bb_icon,.bt_bb_align_center .bt_bb_icon.bt_bb_style_borderless.bt_bb_size_large { padding: 0 1em; } .bt_bb_align_left .bt_bb_align_center.bt_bb_icon,.bt_bb_align_right .bt_bb_align_center.bt_bb_icon,.bt_bb_align_left .bt_bb_align_center .bt_bb_icon,.bt_bb_align_right .bt_bb_align_center .bt_bb_icon,.bt_bb_align_center.bt_bb_icon,.bt_bb_align_center .bt_bb_icon.bt_bb_style_borderless.bt_bb_size_xlarge { padding: 0 1em; } .bt_bb_align_right .bt_bb_align_left.bt_bb_icon,.bt_bb_align_center .bt_bb_align_left.bt_bb_icon,.bt_bb_align_right .bt_bb_align_left .bt_bb_icon,.bt_bb_align_center .bt_bb_align_left .bt_bb_icon,.bt_bb_align_left.bt_bb_icon,.bt_bb_align_left .bt_bb_icon.bt_bb_style_borderless.bt_bb_size_large { padding-right: 1em; padding-left: 0; } .bt_bb_align_right .bt_bb_align_left.bt_bb_icon,.bt_bb_align_center .bt_bb_align_left.bt_bb_icon,.bt_bb_align_right .bt_bb_align_left .bt_bb_icon,.bt_bb_align_center .bt_bb_align_left .bt_bb_icon,.bt_bb_align_left.bt_bb_icon,.bt_bb_align_left .bt_bb_icon.bt_bb_style_borderless.bt_bb_size_xlarge { padding-right: 1em; padding-left: 0; } .bt_bb_icon .bt_bb_icon_holder > span { font-size: .8em !important; } .bt_bb_size_xsmall.bt_bb_icon .bt_bb_icon_holder:before { font-size: .7rem; width: 2em; height: 2em; } .bt_bb_size_small.bt_bb_icon .bt_bb_icon_holder:before { font-size: .9rem; width: 2em; height: 2em; } .bt_bb_size_normal.bt_bb_icon .bt_bb_icon_holder:before { font-size: 1.4rem; width: 2em; height: 2em; } .bt_bb_size_large.bt_bb_icon .bt_bb_icon_holder:before { font-size: 1.9rem; width: 2em; height: 2em; } .bt_bb_size_xlarge.bt_bb_icon .bt_bb_icon_holder:before { font-size: 4rem; width: 2em; height: 2em; } .bt_bb_size_huge.bt_bb_icon .bt_bb_icon_holder:before { font-size: 6rem; width: 2em; height: 2em; } .bt_bb_size_huge.bt_bb_style_borderless.bt_bb_icon .bt_bb_icon_holder:before { width: auto; height: auto; } .bt_bb_align_left .bt_bb_align_center.bt_bb_icon,.bt_bb_align_right .bt_bb_align_center.bt_bb_icon,.bt_bb_align_left .bt_bb_align_center .bt_bb_icon,.bt_bb_align_right .bt_bb_align_center .bt_bb_icon,.bt_bb_align_center.bt_bb_icon,.bt_bb_align_center .bt_bb_icon .bt_bb_icon_holder { display: block; } .bt_bb_align_left .bt_bb_align_center.bt_bb_icon,.bt_bb_align_right .bt_bb_align_center.bt_bb_icon,.bt_bb_align_left .bt_bb_align_center .bt_bb_icon,.bt_bb_align_right .bt_bb_align_center .bt_bb_icon,.bt_bb_align_center.bt_bb_icon,.bt_bb_align_center .bt_bb_icon .bt_bb_icon_holder > span { margin-top: 1.2rem; display: block; } /* Buttons */ .bt_bb_button { margin: 0 0 1em 1em; } .btSoftRoundedButtons .bt_bb_button a { border-radius: 3px; } .btHardRoundedButtons .bt_bb_button a { border-radius: 50px; } .btContent .bt_bb_button a { color: inherit; } .bt_bb_button .bt_bb_button_text { letter-spacing: 1px; } .bt_bb_button.bt_bb_icon_position_left .bt_bb_icon_holder { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: 1.5em; } .bt_bb_button.bt_bb_icon_position_left .bt_bb_icon_text { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .rtl .bt_bb_button.bt_bb_icon_position_left .bt_bb_link { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .bt_bb_button.bt_bb_icon_position_right .bt_bb_icon_holder { margin-left: 1.5em; } .rtl .bt_bb_button.bt_bb_icon_position_right .bt_bb_link { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .bt_bb_button.bt_bb_style_clean a { padding-left: 0; padding-right: 0; } .bt_bb_button.bt_bb_style_outline a { -webkit-box-shadow: 0 0 0 1.5px black inset; box-shadow: 0 0 0 1.5px black inset; font-weight: 600; } .bt_bb_button.bt_bb_style_borderless a { font-weight: 600; } .bt_bb_button.bt_bb_style_filled a:hover { background-color: #181818 !important; color: #fff !important; } .bt_bb_size_small.bt_bb_button { font-size: .7em; } .bt_bb_size_medium.bt_bb_button { font-size: .8em; font-weight: 500; } .bt_bb_size_medium.bt_bb_button .bt_bb_link { padding: 1.2em 3.5em; } .bt_bb_size_normal.bt_bb_button { font-size: .9em; } .bt_bb_size_normal.bt_bb_button .bt_bb_link { padding: 1.3em 4em; } .bt_bb_size_large.bt_bb_button { font-size: 1em; font-weight: 500; } .bt_bb_size_large.bt_bb_button .bt_bb_link { padding: 1.4em 4.5em; } @media (max-width: 480px) { .bt_bb_size_large.bt_bb_button .bt_bb_link { padding: 1em 4.5em; } } /* Image */ .bt_bb_image.bt_bb_content_display_hide-on-hover:hover .bt_bb_image_content { -webkit-transition: transform 350ms ease-in-out,opacity 350ms ease-in-out,background-color 250ms 150ms linear; -moz-transition: transform 350ms ease-in-out,opacity 350ms ease-in-out,background-color 250ms 150ms linear; transition: transform 350ms ease-in-out,opacity 350ms ease-in-out,background-color 250ms 150ms linear; background-color: transparent !important; opacity: 1; } .bt_bb_image.bt_bb_content_display_hide-on-hover:hover .bt_bb_image_content .bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:before, .bt_bb_image.bt_bb_content_display_hide-on-hover:hover .bt_bb_image_content .bt_bb_headline { color: white !important; } .bt_bb_image.bt_bb_content_display_hide-on-hover:hover .bt_bb_image_content .bt_bb_button.bt_bb_style_outline a { -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; color: #fff; } .bt_bb_image.bt_bb_content_display_hide-on-hover:hover .bt_bb_image_content .bt_bb_button.bt_bb_style_outline a:hover { color: #181818; background: #fff; } .bt_bb_image.bt_bb_content_display_hide-on-hover:hover .bt_bb_image_content .bt_bb_button.bt_bb_style_filled a { -webkit-box-shadow: 0 0 0 2em #fff inset; box-shadow: 0 0 0 2em #fff inset; color: #181818; } .bt_bb_image.bt_bb_content_display_hide-on-hover:hover .bt_bb_image_content .bt_bb_button.bt_bb_style_borderless a { color: #fff; } .bt_bb_image.bt_bb_content_display_hide-on-hover .bt_bb_image_content { -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; transition: background-color 250ms linear; } .bt_bb_image.bt_bb_hover_style_simple.bt_bb_content_exists:not(.bt_bb_content_display_hide-on-hover) .bt_bb_image_content { color: white; } /* Gallery lightbox arrows */ .mfp-arrow { color: #FFAE02 !important; } .mfp-arrow:before { font-family: Icon7Stroke !important; font-size: 7em; color: #fff !important; border: none !important; } .mfp-arrow:after { font-family: Icon7Stroke !important; font-size: 7em; color: #fff !important; border: none !important; } .mfp-arrow.mfp-arrow-left { left: 0; } .mfp-arrow.mfp-arrow-left:before { content: '\e686' !important; } .mfp-arrow.mfp-arrow-right { right: 5%; } .mfp-arrow.mfp-arrow-right:before { content: '\e684' !important; } /* Service */ .bt_bb_service .bt_bb_icon_holder { color: inherit; } .bt_bb_size_xlarge.bt_bb_service .bt_bb_icon_holder { font-size: 4.5em; } .bt_bb_style_borderless.bt_bb_size_xlarge.bt_bb_service .bt_bb_icon_holder { font-size: 6em; } .bt_bb_service .bt_bb_service_content .bt_bb_service_content_supertitle { opacity: .8; font-size: .7em; font-weight: 400; line-height: 1; margin-bottom: .5em; } .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title_inner { font-weight: 600; font-size: 1em; line-height: 1.4; margin-top: -.15em; font-family: "Roboto"; } .bt_bb_size_small.bt_bb_title_size_normal.bt_bb_service .bt_bb_service_content .bt_bb_service_content_title_inner { margin-top: 0; } .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title_inner a { color: inherit; } .bt_bb_service .bt_bb_service_content .bt_bb_service_content_text { font-size: .9em; margin-top: .5em; line-height: 1.5em; } .bt_bb_service.bt_bb_title_size_normal .bt_bb_service_content .bt_bb_service_content_title_inner { font-size: 1em; font-weight: 300; } .bt_bb_service.bt_bb_title_size_normal_bold .bt_bb_service_content .bt_bb_service_content_title_inner { font-size: 1em; font-weight: 600; } .bt_bb_service.bt_bb_title_size_large .bt_bb_service_content .bt_bb_service_content_title_inner { font-size: 1.4em; font-weight: 300; } .bt_bb_service.bt_bb_title_size_large_bold .bt_bb_service_content .bt_bb_service_content_title_inner { font-size: 1.4em; font-weight: 600; } .bt_bb_service:hover .bt_bb_service_content_title_inner a { color: #FFAE02; } .bt_bb_style_borderless.bt_bb_size_small.bt_bb_service .bt_bb_icon_holder { font-size: 1.6em; } /* Slider */ .slick-slider { overflow: visible; } button.slick-arrow { background: transparent; -webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease; transition: background-color 500ms ease; color: inherit; } button.slick-arrow:before { background-color: transparent; color: inherit; } button.slick-arrow:hover { background-color: transparent; } button.slick-arrow:hover:before { color: #FFAE02; } .bt_bb_arrows_size_small button.slick-arrow { width: 54px; height: 64px; } .bt_bb_arrows_size_small button.slick-arrow:before { font-size: 44px; line-height: 54px; } .bt_bb_arrows_size_normal button.slick-arrow { width: 74px; height: 84px; } .bt_bb_arrows_size_normal button.slick-arrow:before { font-size: 64px; line-height: 74px; } .bt_bb_arrows_size_large button.slick-arrow { width: 84px; height: 94px; } .bt_bb_arrows_size_large button.slick-arrow:before { font-size: 134px; line-height: 134px; } .bt_bb_layout_boxed_1200 button.slick-arrow.slick-arrow.slick-prev { margin-left: -50px; } .bt_bb_layout_boxed_1200 button.slick-arrow.slick-arrow.slick-next { margin-right: -50px; } @media (max-width: 1300px) { button.slick-arrow.slick-next { right: 0 !important; margin-right: 0 !important; } button.slick-arrow.slick-prev { left: 0 !important; margin-left: 0 !important; } .slick-slider { overflow: hidden; } } .bt_bb_layout_wide .bt_bb_content_slider.bt_bb_multiple_slides .slick-list { position: static !important; max-width: 1200px; margin: 0 auto; } .bt_bb_layout_wide .bt_bb_content_slider.bt_bb_multiple_slides .slick-list .slick-track { position: relative; } .bt_bb_layout_wide .bt_bb_content_slider:not(.bt_bb_multiple_slides) .slick-slider .bt_bb_content_slider_item { overflow: hidden; } .bt_bb_layout_wide .bt_bb_content_slider:not(.bt_bb_multiple_slides) .slick-slider .bt_bb_content_slider_item .bt_bb_content_slider_item_content { max-width: 1260px; padding: 0 30px; margin: 0 auto; width: 100%; } .bt_bb_layout_wide button.slick-arrow.slick-next { right: 0; } .bt_bb_layout_wide button.slick-arrow.slick-prev { left: 0; } .bt_bb_content_slider .slick-dots li.slick-active, .bt_bb_content_slider .slick-dots li { border: 2px solid #989898; background: #989898; opacity: .4; } .bt_bb_content_slider .slick-dots li.slick-active, .bt_bb_content_slider .slick-dots li:hover { background-color: #adadad !important; border: 2px solid #adadad; opacity: 1; } /* Slider item */ .bt_bb_gap_small .slick-list { margin: 0 -.25rem; } .bt_bb_gap_small .slick-list .slick-slide .content { padding: 0; margin: 0 .25rem; } .bt_bb_gap_normal .slick-list { margin: 0 -.5rem; } .bt_bb_gap_normal .slick-list .slick-slide .content { padding: 0; margin: 0 .5rem; } .bt_bb_gap_large .slick-list { margin: 0 -1rem; } .bt_bb_gap_large .slick-list .slick-slide .content { padding: 0; margin: 0 1rem; } .slick-list .slick-slide.bt_bb_content_slider_item.bt_bb_highlighted_outline .bt_bb_content_slider_item_content { border: 1px solid #ccc; margin-bottom: 1px; background-color: white; padding-left: 1em; padding-right: 1em; } .slick-list .slick-slide.bt_bb_content_slider_item.bt_bb_highlighted_outline .bt_bb_content_slider_item_content .bt_bb_image { margin-left: -1em; margin-right: -1em; } /* History */ .bt_bb_history_year:last-child:after { font-family: FontAwesome; content: "\f111"; text-align: center; margin-right: -4px; color: #FFAE02; display: block; line-height: 0; } .bt_bb_history_year .bt_bb_history_year_title { font-size: 1.4em; border: 2px solid #FFAE02; background-color: #FFAE02; border-radius: 50%; margin: auto; display: inline-block; line-height: 4em; width: 4em; height: 4em; margin-bottom: 20px; position: relative; } .bt_bb_history_year .bt_bb_history_year_title:after { position: absolute; width: 2px; height: 20px; z-index: 1; background: #FFAE02; content: " "; line-height: 0; text-align: left; bottom: -22px; left: 50%; } .bt_bb_history_year:not(.on) .bt_bb_history_year_title { font-size: 1em; line-height: 3.75em; } .bt_bb_history_year .bt_bb_history_date { display: -ms-flexbox; display: -webkit-flex; display: flex; } .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_content, .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_media { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_content { padding: 4em 4em; } .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_content .bt_bb_history_date_supertitle { position: relative; } .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_content .bt_bb_history_date_supertitle:before { float: left; position: absolute; top: .8em; width: 3.5em; z-index: 10; color: #FFAE02; border-top: 1px solid #FFAE02; font-family: FontAwesome; content: "\f111"; line-height: 0; text-align: left; left: -4.45em; } .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_content .bt_bb_history_date_title { font-size: 2.5em; line-height: 1.2; margin-bottom: .5em; font-weight: 300; } .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_content .bt_bb_history_date_text { margin-bottom: 2em; } .bt_bb_history_year .bt_bb_history_date .bt_bb_history_date_media { padding: 4.85em 0 2em; } .bt_bb_history_year .bt_bb_history_date:nth-child(odd) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .bt_bb_history_year .bt_bb_history_date:nth-child(odd) .bt_bb_history_date_content { text-align: left; border-left: 2px solid #FFAE02; } .bt_bb_history_year .bt_bb_history_date:nth-child(odd) .bt_bb_history_date_media { text-align: right; } .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_content { text-align: right; } .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_content .bt_bb_history_date_supertitle:before { text-align: right; right: -4.45em; left: auto; } .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_media { text-align: left; border-left: 2px solid #FFAE02; } @media (max-width: 620px) { .bt_bb_history_year .bt_bb_history_year_title { margin-bottom: 0 !important; font-size: 3em; } .bt_bb_history_year .bt_bb_history_year_title:after { content: '' !important; display: none; } .bt_bb_history_year .bt_bb_history_date:nth-child(even), .bt_bb_history_year .bt_bb_history_date:nth-child(odd) { display: block; } .bt_bb_history_year .bt_bb_history_date:nth-child(even):after, .bt_bb_history_year .bt_bb_history_date:nth-child(odd):after { content: '' !important; display: none; } .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_media, .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_content, .bt_bb_history_year .bt_bb_history_date:nth-child(odd) .bt_bb_history_date_media, .bt_bb_history_year .bt_bb_history_date:nth-child(odd) .bt_bb_history_date_content { text-align: inherit; border: none !important; max-width: 100%; } .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_content, .bt_bb_history_year .bt_bb_history_date:nth-child(odd) .bt_bb_history_date_content { padding-bottom: 2em; } .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_content .bt_bb_history_date_supertitle:before, .bt_bb_history_year .bt_bb_history_date:nth-child(odd) .bt_bb_history_date_content .bt_bb_history_date_supertitle:before { content: '' !important; display: none; } .bt_bb_history_year .bt_bb_history_date:nth-child(even) .bt_bb_history_date_media, .bt_bb_history_year .bt_bb_history_date:nth-child(odd) .bt_bb_history_date_media { padding-top: 0; } } /* Custom menu */ .bt_bb_custom_menu div ul { margin: 0 !important; } .bt_bb_custom_menu div ul li { list-style: none; display: block !important; } .bt_bb_custom_menu div ul a { color: #707070; } .bt_bb_custom_menu div ul a:hover { color: #FFAE02; } .bt_bb_custom_menu div ul > li { margin-left: 0; border-bottom: 1px solid rgba(125,125,125,.3); font-size: 1em; padding: 1em 0 !important; } .bt_bb_custom_menu div ul > li:last-child { border: none !important; } /* Text indent */ .bt_bb_row .bt_bb_column.bt_bb_padding_text_indent .bt_bb_column_content { padding-left: 2em; padding-right: 2em; } .bt_bb_row .bt_bb_column.bt_bb_padding_text_indent .bt_bb_column_content .bt_bb_image { margin: 0 -2em; } /* Video */ .bt_bb_video { padding-bottom: 0 !important; } /* Google map */ .bt_bb_google_maps .bt_bb_google_maps_content { max-width: 1280px; margin: 0 auto; } .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; margin: 0 1em; width: 30%; padding: 8em 0; } .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location { padding: 2em; } .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location.bt_bb_google_maps_location_show { opacity: 1; } .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location .bt_bb_image { margin-left: -2em; margin-right: -2em; } .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location .bt_bb_image:first-child { margin-top: -2em; } .bt_bb_google_maps .bt_bb_google_maps_content .bt_bb_google_maps_content_wrapper .bt_bb_google_maps_location .bt_bb_separator { margin-left: -2em; margin-right: -2em; } /* Tabs */ .bt_bb_tab_content { padding-top: 1em; } .bt_bb_style_simple ul.bt_bb_tabs_header li.on { border-color: #FFAE02; } /* Accordion */ .bt_bb_accordion .bt_bb_accordion_item { position: relative; } .bt_bb_style_simple.bt_bb_accordion .bt_bb_accordion_item:first-child { padding-top: 0; } .bt_bb_style_simple.bt_bb_accordion .bt_bb_accordion_item:last-child { padding-bottom: 0; } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title { position: relative; font-family: "Roboto"; font-size: 1.5em; border: 0; padding: .7em 1.5em .7em .7em; } .rtl .bt_bb_style_simple.bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .bt_bb_style_simple.bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_title:after { display: block; content: ""; width: 1.8em; height: 3px; -webkit-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; border-radius: 2px; background: rgb(255,174,2); -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; transition: transform 300ms ease; margin: .6em 0 0; } .bt_bb_style_simple.bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title { padding-right: 1.5em; } .bt_bb_accordion .bt_bb_accordion_item:before { content: "\f067"; line-height: 4em; font-family: FontAwesome; display: block; position: absolute; right: 0; width: 56px; text-align: center; z-index: 1; } .bt_bb_accordion .bt_bb_accordion_item.on:before, .bt_bb_accordion .bt_bb_accordion_item:hover:before { content: "\f068"; } .bt_bb_accordion .bt_bb_accordion_item:first-child { order-width: 0; } @media (max-width: 680px) { .bt_bb_accordion_item:before { right: -1.6em !important; } } /* Counter */ .bt_bb_counter_holder { height: 1em; line-height: 1; font-weight: 300; display: inline-block; } .bt_bb_counter_holder .bt_bb_counter { height: 1em; } .bt_bb_counter_holder .bt_bb_counter span.onedigit { height: 1em; } .bt_bb_counter_holder .bt_bb_counter span.onedigit span { height: 1em; } .bt_bb_counter_holder.bt_bb_size_xsmall { font-size: 1em; } .bt_bb_counter_holder.bt_bb_size_small { font-size: 2em; } .bt_bb_counter_holder.bt_bb_size_normal { font-size: 3em; } .bt_bb_counter_holder.bt_bb_size_large { font-size: 4em; } .bt_bb_counter_holder.bt_bb_size_xlarge { font-size: 4.5em; } .bt_bb_counter_holder.bt_bb_font_weight_bold { font-weight: 600; } .bt_bb_counter_holder.bt_bb_font_weight_normal { font-weight: 400; } /* Countdown */ .bt_bb_countdown.btCounterHolder .hours:before, .bt_bb_countdown.btCounterHolder .minutes:before, .bt_bb_countdown.btCounterHolder .seconds:before { content: ":"; text-align: center; display: block; line-height: 0; top: .5em; left: 2.5em; position: absolute; left: 0; right: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bt_bb_countdown.btCounterHolder .days span:nth-last-child(2) { padding-right: .1em !important; } @media (max-width: 1400px) { .btCounterHolder.btCounterLargeSize { font-size: 4em; } .btCounterHolder.btCounterLargeSize .days span:nth-last-child(2) { padding-right: .2em !important; } } @media (max-width: 1200px) { .btCounterHolder.btCounterLargeSize { font-size: 3.5em; } .btCounterHolder.btCounterLargeSize .days span:nth-last-child(2) { padding-right: .08em !important; } } @media (max-width: 780px) { .btCounterHolder .btCountdownHolder .days, .btCounterHolder .btCountdownHolder .hours, .btCounterHolder .btCountdownHolder .minutes, .btCounterHolder .btCountdownHolder .seconds { width: 100%; } .btCounterHolder .btCountdownHolder .days:before, .btCounterHolder .btCountdownHolder .hours:before, .btCounterHolder .btCountdownHolder .minutes:before, .btCounterHolder .btCountdownHolder .seconds:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: -12.5%; } } /* WPC7 Form */ .bt_bb_color_scheme_7 .wpcf7-form input:not([type='radio']), .bt_bb_color_scheme_7 .wpcf7-form input:not([type='checkbox']), .bt_bb_color_scheme_7 .wpcf7-form textarea, .bt_bb_color_scheme_7 .wpcf7-form .fancy-select .trigger { color: #181818; } .bt_bb_color_scheme_8 .wpcf7-form input:not([type='radio']), .bt_bb_color_scheme_8 .wpcf7-form input:not([type='checkbox']), .bt_bb_color_scheme_8 .wpcf7-form textarea, .bt_bb_color_scheme_8 .wpcf7-form .fancy-select .trigger { color: #fff; } .wpcf7-form .fancy-select .trigger { line-height: 3.2em; } .wpcf7-form .fancy-select .options.overflowing { bottom: 3.35em; } .wpcf7-form .fancy-select .options.open { padding: 1em 0; } .wpcf7-form .wpcf7-submit { text-transform: uppercase; font-size: .8em !important; -webkit-box-shadow: 0 0 0 1px #FFAE02 inset; box-shadow: 0 0 0 1px #FFAE02 inset; color: #fff !important; background-color: #FFAE02 !important; border: 0; border-radius: 50px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; width: auto !important; padding: 0 4em !important; } .wpcf7-form .wpcf7-submit:hover { color: #fff !important; background-color: #181818 !important; -webkit-box-shadow: 0 0 0 0 #FFAE02 inset; box-shadow: 0 0 0 0 #FFAE02 inset; } .bt_bb_align_center .wpcf7-form .wpcf7-submit { margin-left: auto; margin-right: auto; } .bt_bb_align_right .wpcf7-form .wpcf7-submit { margin-left: auto; } .wpcf7-form .wpcf7-not-valid-tip { color: #FFAE02 !important; background: transparent !important; padding: 5px 15px; } .wpcf7-form .wpcf7-validation-errors { color: #FFAE02 !important; border: none !important; background-color: transparent !important; padding: 5px 15px !important; } .wpcf7-form .wpcf7-response-output { margin: 2em 0 1em !important; } /* Contact form */ .btContactRow .btContactRowInput { -webkit-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; margin: 1em 0; } .btContactRow .btContactRowInput input { line-height: 25px; height: 55px; color: inherit; background-color: #fff !important; border: none; border-bottom: 1px solid #e1e1e1; } .btContactRow .btContactRowInput select { line-height: 25px; height: 55px; color: inherit; background-color: #fff !important; border: none; -webkit-appearance: none; border-bottom: 1px solid #e1e1e1; } .btContactRow .btContactRowInput textarea { line-height: 25px; height: 230px; color: inherit; background-color: #fff !important; border: none; border-bottom: 1px solid #e1e1e1; } .btContactRow .btContactRowButton { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; margin: 3em 0; } .btContactRow .btContactRowButton input { line-height: 25px; height: 40px; margin: 0 auto; font-size: .8em !important; font-weight: 500; letter-spacing: 1px; } .btContactRow .btContactRowInput.btContactRowInputFlex { display: -ms-flexbox; display: -webkit-flex; display: flex; } .btContactRow .btContactInputName, .btContactRow .btContactInputSelect { -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-right: 1em; border: none; } .btContactRow .btContactInputName .trigger, .btContactRow .btContactInputSelect .trigger { border: none; background-color: #fff; order-bottom: 1px solid #e1e1e1; line-height: 3.8em; } .btContactRow .btContactInputEmail, .btContactRow .btContactInputSubject { -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } .btContactRow.btLogisticsContactRow .wpcf7-submit { -webkit-box-shadow: 0 0 0 1px #0529A3 inset; box-shadow: 0 0 0 1px #0529A3 inset; color: #fff !important; background-color: #0529A3 !important; } .btContactRow.btLogisticsContactRow .wpcf7-submit:hover { color: #fff !important; background-color: #181818 !important; -webkit-box-shadow: 0 0 0 0 #0529A3 inset; box-shadow: 0 0 0 0 #0529A3 inset; } /* Newsletter form */ .btNewsletterRow { display: -ms-flexbox; display: -webkit-flex; display: flex; height: 55px; } .btNewsletterRow .btNewsletterRowInput { background-color: #333; -webkit-flex: 1 1 75%; -ms-flex: 1 1 75%; flex: 1 1 75%; } .btNewsletterRow .btNewsletterRowInput input { border: none; border-right: none !important; line-height: 55px; height: 55px; color: inherit !important; } .btNewsletterRow .btNewsletterRowInput input:focus { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .btNewsletterRow .btNewsletterRowInput .wpcf7-not-valid-tip { margin-top: -1% !important; } .btNewsletterRow .btNewsletterRowButton { -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; } .btNewsletterRow .btNewsletterRowButton input { display: none; } .btNewsletterRow .btNewsletterRowButton button { height: 55px; padding: .5em 2em !important; background: #333 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none; border-radius: 0 !important; } .btNewsletterRow .btNewsletterRowButton button:before { content: "\f1d8"; font-family: FontAwesome; display: inline-block; color: #FFAE02; } .btNewsletterRow .btNewsletterRowButton button:hover { background: #333 !important; } /* Delivery form */ .btDeliveryContactRowButton .wpcf7-submit { color: white !important; } /* Subscribe form */ .btSubscribeRow { height: 160px; } .btSubscribeRow .btSubscribeRowInput input { border: none; border-right: none !important; line-height: 55px; height: 55px; background-color: #fff !important; border-radius: 50px; margin-bottom: 1.5em; padding: 1em 2em 1em 2em; } .btSubscribeRow .btSubscribeRowInput input:focus { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .btSubscribeRow .btSubscribeRowInput .wpcf7-not-valid-tip { margin-top: 25% !important; } .btSubscribeRow .btSubscribeRowButton button { height: 55px; padding: .5em .5em; border: none; background: transparent; } .btSubscribeRow .btSubscribeRowButton button input { height: 4em; padding: 1em 7em !important; } /* Contact Form Errors */ div.wpcf7-validation-errors { color: #FFAE02; } /* Simple price */ .page .btContent .bt_bb_simple_price { display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 1.7em 1.7em; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_title { -webkit-flex: 0 1 35%; -ms-flex: 0 1 35%; flex: 0 1 35%; border-right: 1px solid #ccc; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_title .bt_bb_simple_price_supertitle { display: block; font-size: .8rem; letter-spacing: 1px; line-height: 1.8; margin-bottom: .2em; font-weight: bold; color: #FFAE02; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_title .bt_bb_simple_price_title_inner { display: block; color: inherit; font-size: 2em; font-weight: 600; font-family: "Roboto"; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_description { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; border-right: 1px solid #ccc; text-align: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_description .bt_bb_simple_price_description_text { font-size: 2em; color: inherit; width: 100%; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_price { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; border-right: 1px solid #ccc; text-align: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_price .bt_bb_simple_price_price_comment { display: block; color: inherit; font-size: .8rem; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_price .bt_bb_simple_price_amount { display: block; color: inherit; font-size: 2em; font-weight: 600; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_price_wrap { width: 100%; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_button { -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; text-align: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_button .bt_bb_simple_price_url { background-color: #FFAE02; line-height: 1; cursor: pointer; color: #fff; padding: .8em 1.5em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; font-size: .9em; width: 100%; margin: 0 3em; } .btHardRoundedButtons.page .btContent .bt_bb_simple_price .bt_bb_simple_price_button .bt_bb_simple_price_url { border-radius: 50px; } .btSoftRoundedButtons.page .btContent .bt_bb_simple_price .bt_bb_simple_price_button .bt_bb_simple_price_url { border-radius: 3px; } .page .btContent .bt_bb_simple_price .bt_bb_simple_price_button .bt_bb_simple_price_url:hover { -webkit-box-shadow: 0 0 0 0 #FFAE02 inset; box-shadow: 0 0 0 0 #FFAE02 inset; color: #fff; background: #181818; } @media (max-width: 980px) { .bt_bb_simple_price { display: block !important; } .bt_bb_simple_price .bt_bb_simple_price_title, .bt_bb_simple_price .bt_bb_simple_price_description, .bt_bb_simple_price .bt_bb_simple_price_price { text-align: center; border-bottom: 1px solid #ccc; border-right: none !important; padding: 2em 0; } .bt_bb_simple_price .bt_bb_simple_price_button { border-right: none !important; padding: 2em 0; } .bt_bb_simple_price .bt_bb_simple_price_button .bt_bb_simple_price_url { margin: 0 10% !important; } } /* Price list */ .bt_bb_price_list { background-color: #fff; border-color: #bcbcbc !important; } .bt_bb_price_list ul li { border: none !important; background: #fff; } .bt_bb_price_list ul li:nth-child(odd) { background: #ececec; } @media (max-width: 380px) { .bt_bb_price_list .bt_bb_price_list_price .bt_bb_price_list_currency { padding-right: .8em; } .bt_bb_price_list .bt_bb_price_list_price .bt_bb_price_list_amount { font-size: 3em; } } /* Newsletter */ .boldRow.btNewsletterRow.btNewDemos .btNewsletterRowInput .wpcf7-not-valid-tip { margin-top: -1% !important; } /* Product lists */ .woocommerce-result-count, .woocommerce-ordering { width: 50%; float: left; margin: 0; line-height: 2.5em; margin-bottom: 2em; } .rtl .woocommerce-result-count, .rtl .woocommerce-ordering { float: right; } .woocommerce-ordering { padding-left: 1em; } .rtl .woocommerce-ordering { padding-left: 0; padding-right: 1em; } .products ul, ul.products { margin: 0 -1em 2rem; padding: 0; list-style: none; clear: both; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products ul li.product, ul.products li.product { width: 100%; margin: 0 0 3rem; position: relative; list-style: none; } .woocommerce-page .products ul li.product, .woocommerce-page ul.products li.product { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .columns-2 .products ul li.product, .columns-2 ul.products li.product { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .columns-3 .products ul li.product, .columns-3 ul.products li.product { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } .columns-4 .products ul li.product, .columns-4 ul.products li.product { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .columns-5 .products ul li.product, .columns-5 ul.products li.product { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .columns-6 .products ul li.product, .columns-6 ul.products li.product { -webkit-flex: 0 0 16.6666%; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; } .products ul li.product.first, ul.products li.product.first { clear: both; } .products ul li.product .btWooShopLoopItemInner, ul.products li.product .btWooShopLoopItemInner { border: 2px solid rgba(0,0,0,.05); padding: 0 2em 2rem; margin: 0 .5em; } .products ul li.product .btWooShopLoopItemInner:after, ul.products li.product .btWooShopLoopItemInner:after { content: " "; display: table; width: 100%; clear: both; } .products ul li.product .btWooShopLoopItemInner .bt_bb_image, ul.products li.product .btWooShopLoopItemInner .bt_bb_image { margin-left: -2em; margin-right: -2em; margin-bottom: 1.75em; float: none; } .products ul li.product .btWooShopLoopItemInner .bt_bb_image img, ul.products li.product .btWooShopLoopItemInner .bt_bb_image img { border-bottom: 1px solid rgba(0,0,0,.05); } .products ul li.product .btWooShopLoopItemInner .bt_bb_headline, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline { margin: 1em 0 0; } .products ul li.product .btWooShopLoopItemInner .bt_bb_headline .bt_bb_headline_subheadline, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline .bt_bb_headline_subheadline { margin-bottom: 1em; } .products ul li.product .btWooShopLoopItemInner .bt_bb_headline .bt_bb_headline_subheadline .btNoStarRating:before, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline .bt_bb_headline_subheadline .btNoStarRating:before { content: '-'; opacity: 0; } .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h1, .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h2, .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h3, .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h4, .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h5, .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h6, .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h7, .products ul li.product .btWooShopLoopItemInner .bt_bb_headline h8, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h1, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h2, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h3, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h4, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h5, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h6, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h7, ul.products li.product .btWooShopLoopItemInner .bt_bb_headline h8 { font-size: 1.5em; } .products ul li.product .btWooShopLoopItemInner .price, ul.products li.product .btWooShopLoopItemInner .price { display: block; font-weight: 600; margin-bottom: 1em; } .products ul li.product .btWooShopLoopItemInner .price:after, ul.products li.product .btWooShopLoopItemInner .price:after { content: " "; display: table; width: 100%; clear: both; } .products ul li.product .btWooShopLoopItemInner .price del, ul.products li.product .btWooShopLoopItemInner .price del { color: inherit; opacity: .5; display: inline-block; margin: 0 5px 0 0; } .products ul li.product .btWooShopLoopItemInner .price ins, ul.products li.product .btWooShopLoopItemInner .price ins { background: 0 0; font-weight: 700; text-decoration: none; } .products ul li.product .btWooShopLoopItemInner .price .from, ul.products li.product .btWooShopLoopItemInner .price .from { font-size: .67em; margin: -2px 0 0; text-transform: uppercase; opacity: .5; } .products ul li.product .btWooShopLoopItemInner a.button, ul.products li.product .btWooShopLoopItemInner a.button { text-decoration: none; text-transform: uppercase; display: inline-block; position: relative; font-size: .8em; } .btSoftRoundedButtons .products ul li.product .btWooShopLoopItemInner a.button, .btSoftRoundedButtons ul.products li.product .btWooShopLoopItemInner a.button { border-radius: 3px; } .btHardRoundedButtons .products ul li.product .btWooShopLoopItemInner a.button, .btHardRoundedButtons ul.products li.product .btWooShopLoopItemInner a.button { border-radius: 50px; } .products ul li.product .btWooShopLoopItemInner .added:after, .products ul li.product .btWooShopLoopItemInner .loading:after, ul.products li.product .btWooShopLoopItemInner .added:after, ul.products li.product .btWooShopLoopItemInner .loading:after { position: absolute; z-index: 5; right: 0; top: 0; font: 400 1.3em/1.7em WooCommerce; vertical-align: middle; text-align: center; -webkit-font-smoothing: antialiased; width: 1.7em; height: 1.7em; margin: -.85em -.85em 0 0; border-radius: 50%; background-color: #FFAE02; color: #fff; } .products ul li.product .btWooShopLoopItemInner .loading:after, ul.products li.product .btWooShopLoopItemInner .loading:after { content: "\e01c"; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .products ul li.product .btWooShopLoopItemInner .added:after, ul.products li.product .btWooShopLoopItemInner .added:after { content: "\e017"; } .products ul li.product .btWooShopLoopItemInner .added_to_cart, ul.products li.product .btWooShopLoopItemInner .added_to_cart { font-size: .8em; margin-left: .5em; color: #FFAE02; } .products ul li.product .onsale, ul.products li.product .onsale { position: absolute; top: 1em; right: 2em; left: auto; background: #0529A3; color: white; opacity: .9; z-index: 1; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; } /* Pagination */ .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; } nav.woocommerce-pagination { clear: both; display: block; text-align: center; margin-bottom: 3em; } nav.woocommerce-pagination ul { display: inline-block; padding: 0; margin: 0; } nav.woocommerce-pagination ul li { margin: 0; padding: 0 .2em; display: inline-block; } nav.woocommerce-pagination ul li a, nav.woocommerce-pagination ul li span { margin: 0; padding: 0; width: 2em; text-align: center; line-height: 2em; display: block; border: 2px solid #FFAE02; color: #FFAE02; } .btHardRoundedButtons nav.woocommerce-pagination ul li a, .btHardRoundedButtons nav.woocommerce-pagination ul li span { border-radius: 50px; } .btSoftRoundedButtons nav.woocommerce-pagination ul li a, .btSoftRoundedButtons nav.woocommerce-pagination ul li span { border-radius: 3px; } nav.woocommerce-pagination ul li a:focus, nav.woocommerce-pagination ul li a:hover, nav.woocommerce-pagination ul li a.next, nav.woocommerce-pagination ul li a.prev, nav.woocommerce-pagination ul li span.current { background: #FFAE02; color: #fff; } /* Single product */ div.product { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1em; position: relative; } div.product .onsale { position: absolute; top: 1em; left: 2em; background: #0529A3; color: white; opacity: .9; z-index: 1; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; } .rtl div.product .onsale { left: 0; right: 2em; } div.product div.images { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 .5em; margin: 0 0 1em; position: relative; } div.product div.images .woocommerce-product-gallery__trigger { position: absolute; z-index: 1; width: 2em; } div.product div.images .woocommerce-product-gallery__wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { padding: 1em .5em; } div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a { position: relative; display: block; } div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img { border: 2px solid rgba(0,0,0,.05); width: 100%; display: block; } div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 0; margin: 0 .5em; border: 2px solid rgba(0,0,0,.05); } div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img { border: none; display: block; } div.product div.images.woocommerce-product-gallery--columns-1 .woocommerce-product-gallery__image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } div.product div.images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } div.product div.images.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } div.product div.images.woocommerce-product-gallery--columns-6 .woocommerce-product-gallery__image { -webkit-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } div.product div.images .woocommerce-product-gallery__image { float: left; padding: 0 px 0 0; } div.product div.images .woocommerce-product-gallery__image img { border: 0; } div.product div.images .woocommerce-product-gallery__image:first-child { float: none; overflow: hidden; margin: 0 px 0 0; padding: 0; width: auto !important; } div.product div.images .woocommerce-product-gallery__trigger { position: absolute; right: 70px; top: 20px; font-size: 0; line-height: 0; z-index: 1; } div.product div.images .woocommerce-product-gallery__trigger:after { display: block; font-family: FontAwesome; content: "\f002"; -webkit-box-shadow: 0 0 0 2em #FFAE02 inset,0 0 0 2em rgba(255,255,255,.5) inset; box-shadow: 0 0 0 2em #FFAE02 inset,0 0 0 2em rgba(255,255,255,.5) inset; border-radius: 50%; font-size: 19.2px; color: #fff; width: 36.8px; line-height: 36.8px; text-align: center; -webkit-transition: 300ms ease all; -moz-transition: 300ms ease all; transition: 300ms ease all; } div.product div.images .woocommerce-product-gallery__trigger:hover:after { -webkit-box-shadow: 0 0 0 1px #FFAE02 inset,0 0 0 2em rgba(255,255,255,.5) inset; box-shadow: 0 0 0 1px #FFAE02 inset,0 0 0 2em rgba(255,255,255,.5) inset; color: #FFAE02; } div.product div.summary { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 1em; margin-bottom: 1em; } div.product div.summary header { margin-bottom: 2em; } div.product div.summary .price { font-size: 3em; } div.product div.summary .group_table .price { font-size: 2em; } div.product div.summary div[itemprop="description"] { margin-bottom: 2em; } div.product div.summary form.cart .quantity { width: 100px; margin-right: .5em; display: inline-block; height: 2.8em; } .rtl div.product div.summary form.cart .quantity { margin-right: 0; margin-left: .5em; float: right; } div.product div.summary form.cart .quantity input { height: 2.85em; display: inline-block; } div.product div.summary form.cart .group_table .quantity { width: 50px; } div.product div.summary form.cart .single_add_to_cart_button { display: inline-block; height: 3em; } div.product div.summary form.cart:after { content: " "; display: table; width: 100%; clear: both; } div.product span.btProductSKU { display: block; } div.product div.product-description, div.product div.products, div.product div.product-meta, div.product section.products.related { padding: 0 1em; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } div.product div.product-description { padding: 0 1em; margin-bottom: 1em; } div.product div.product-description .bt_bb_tabs .bt_bb_tabs_header { display: none; } .bt_bb_plugin_active div.product div.product-description .bt_bb_tabs .bt_bb_tabs_header { display: inline-block; margin: 0 0 2em; } div.product div.product-meta .btArticleShareEtc { max-width: initial; } div.product table.variations { border: none; display: block; } div.product table.variations tbody, div.product table.variations tr, div.product table.variations td { padding: 0; border: none; display: block; } div.product .single_variation_wrap .woocommerce-variation.single_variation { margin-bottom: 2em; } div.product section.products.upsells { width: 100%; } /* Card */ table.shop_table .coupon { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } table.shop_table .coupon label { margin-right: .5em; } table.shop_table .coupon .input-text { margin-right: .5em; color: #FFAE02; border: none !important; padding: 0; height: 2em; padding: 0 .5em; } table.shop_table button[name="apply_coupon"] { width: 100%; } table.shop_table input[name="update_cart"] { float: right; width: 300px; } table.shop_table { margin-bottom: 2em; border: none; } table.shop_table td, table.shop_table th { border-left: none; border-right: none; } table.shop_table td.product-remove { width: 3em; } table.shop_table td.product-remove a.remove { display: inline-block; font-size: 1em; text-align: center; padding: 0; width: 1.5em; height: 1.5em; line-height: 1.25em; color: #FFAE02; background-color: transparent; border: 2px solid #FFAE02; border-radius: 50%; } table.shop_table td.product-remove a.remove:hover { background-color: #FFAE02; color: #f5f5f5; } table.shop_table td.product-thumbnail { width: 100px; text-align: center; line-height: 0; } table.shop_table td.product-thumbnail img { width: 80px; height: auto; display: inline-block; -webkit-box-shadow: none; box-shadow: none; } table.shop_table .product-quantity { text-align: center; } table.shop_table .product-quantity .quantity { width: 70px; display: inline-block; } table.shop_table .product-subtotal, table.shop_table .product-total, table.shop_table .product-price, table.shop_table .order-actions { text-align: right; } .cart-collaterals { display: -ms-flexbox; display: -webkit-flex; display: flex; } .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .cart-collaterals .cross-sells ul.products li.product { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cart-collaterals .cart_totals th { text-align: left; } .cart-collaterals .cart_totals td { text-align: right; } tr.cart-subtotal, tfoot { border-top: 2px solid; } tr.order-total, tfoot { border-bottom: 2px solid; } /* Checkout */ table.woocommerce-checkout-review-order-table td.product-total, table.woocommerce-checkout-review-order-table tr.cart-subtotal td, table.woocommerce-checkout-review-order-table tr.order-total td { text-align: right; } ul.wc_payment_methods { margin: 0; list-style: none; } ul.wc_payment_methods li:not(.woocommerce-info) { margin-left: 0; padding-left: 0; } ul.wc_payment_methods li .input-radio { margin-right: .2em; } ul.wc_payment_methods li img { max-height: 40px; margin-left: 10px; vertical-align: middle; } ul.wc_payment_methods li .about_paypal { margin-left: .5em; color: #FFAE02; } ul.wc_payment_methods li div.payment_box { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px; margin: 10px 0; background-color: #dfdcde; } ul.wc_payment_methods li div.payment_box:before { content: ""; display: block; border: 10px solid #dfdcde; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; left: 1em; top: -20px; } ul.wc_payment_methods li div.payment_box span.help { font-size: .857em; } ul.wc_payment_methods li div.payment_box p:last-child { margin-bottom: 0; } ul.woocommerce-shipping-methods { list-style: none; margin: 0 0 1em; padding: 0; } ul.woocommerce-shipping-methods li { margin: 0; text-align: right; } #customer_details .col-1, #customer_details .col-2 { margin-bottom: 2em; } .wc-proceed-to-checkout { margin: 0 auto; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 3.2em; } .wc-proceed-to-checkout a.checkout-button { margin: 0 auto; display: inline; text-align: center; } #payment .form-row.validate-required { margin-bottom: 2em !important; } /* My account */ .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 2em; padding: 0; } .woocommerce-MyAccount-navigation ul li { margin: 0 .5em 0 0; padding: 0; display: inline-block; } .woocommerce-MyAccount-navigation ul li a { display: inline-block; padding: .5em 1em; border-bottom: 2px solid #FFAE02; } .woocommerce-MyAccount-navigation ul li.is-active a { color: #181818; border-color: #181818; } .woocommerce-MyAccount-navigation .shop_table { margin-bottom: 2em; } .woocommerce-MyAccount-navigation .shop_table tfoot { text-align: right; } .woocommerce-orders-table__cell-order-actions a { width: 100%; display: inline-block; text-align: center; } .woocommerce-EditAccountForm fieldset { margin-bottom: 2em; } /* General */ /* Woocommerce layout */ .col2-set { width: 100%; } .col2-set .col-1 { float: left; width: 48%; } .col2-set .col-2 { float: right; width: 48%; } img { height: auto; max-width: 100%; } div.product form.cart .reset_variations, form .form-row label.hidden { visibility: hidden; } /* Form row */ form fieldset { padding: 2em; border: 2px solid rgba(0,0,0,.1); } form .form-row { margin: 0 0 1em; } form input[type="submit"].button { text-align: center; } form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity .5s .5s ease; -moz-transition: opacity .5s .5s ease; transition: opacity .5s .5s ease; opacity: 0; } form .form-row label { display: block; margin-bottom: .5em; } form .form-row label.inline, form .form-row label.checkbox { display: inline; margin-bottom: 0; } form .form-row select { cursor: pointer; margin: 0; } form .form-row .select2-container { line-height: 2.5em; } .rtlform .form-row .select2-container { text-align: right; } form .form-row .select2-container .select2-choice { padding-left: 1em; height: 3.2em; line-height: 3.2em; } .rtlform .form-row .select2-container .select2-choice { padding-left: 0; padding-right: 1em; } form .form-row .select2-container--default .select2-selection--single { background-color: transparent !important; } form .form-row .required { color: red; font-weight: 700; border: 0; } form .form-row .input-checkbox { margin: 0 8px 0 0; vertical-align: middle; width: auto; display: inline; } form .form-row textarea { height: 5em; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } form .form-row.woocommerce-invalid .select2-container, form .form-row.woocommerce-invalid input.input-text, form .form-row.woocommerce-invalid select { border-color: #a00; } form .form-row.woocommerce-validated .select2-container, form .form-row.woocommerce-validated input.input-text, form .form-row.woocommerce-validated select { border-color: #69bf29; } form .form-row::-webkit-input-placeholder { line-height: normal; } form .form-row:-moz-placeholder { line-height: normal; } form .form-row:-ms-input-placeholder { line-height: normal; } /* Overlay */ .blockUI.blockOverlay { position: relative; } .blockUI.blockOverlay:before, .loader:before { height: 1em; width: 1em; position: absolute; top: 50%; left: 50%; margin-left: -.5em; margin-top: -.5em; display: block; content: ""; -webkit-animation: spin 1s ease-in-out infinite; -moz-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(../../plugins/woocommerce/assets/images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0,0,0,.75); } /* Messages */ .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 1em 1em 3em; margin: 0 0 2em; position: relative; background-color: rgba(0,0,0,.07); color: inherit; border-top: 4px solid; list-style: none !important; width: auto; word-wrap: break-word; } .woocommerce-info a: not(.button), .woocommerce-message a: not(.button) { color: #FFAE02; text-decoration: underline; } .woocommerce-error { border-top-color: #b81c23; } .woocommerce-error a { color: #b81c23; } .woocommerce-info a:hover, .woocommerce-message a:hover { text-decoration: none; } .woocommerce-error a:hover { color: #fff; } .woocommerce-error:after, .woocommerce-info:after, .woocommerce-message:after { content: " "; display: table; width: 100%; clear: both; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { font-family: Icon7Stroke; font-size: 1.5em; font-weight: 400; position: absolute; left: .5em; } .woocommerce-message:before, .woocommerce-info:before { content: "\e647"; color: #FFAE02; } .woocommerce-error:before { content: '\e67b'; color: #b81c23; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { float: right; border: none !important; padding: 0 !important; line-height: inherit !important; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; } small.note { display: block; color: #777; font-size: .857em; margin-top: 10px; } .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; font-size: .92em; } .woocommerce-breadcrumb a { color: inherit; } .woocommerce-breadcrumb:after, .woocommerce-breadcrumb:before { content: " "; display: table; } /* Payment images */ .wc-credit-card-form-card-cvc.visa, .wc-credit-card-form-card-expiry.visa, .wc-credit-card-form-card-number.visa { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/visa.png); } .wc-credit-card-form-card-cvc.mastercard, .wc-credit-card-form-card-expiry.mastercard, .wc-credit-card-form-card-number.mastercard { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.png); } .wc-credit-card-form-card-cvc.laser, .wc-credit-card-form-card-expiry.laser, .wc-credit-card-form-card-number.laser { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/laser.png); } .wc-credit-card-form-card-cvc.dinersclub, .wc-credit-card-form-card-expiry.dinersclub, .wc-credit-card-form-card-number.dinersclub { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/diners.png); } .wc-credit-card-form-card-cvc.maestro, .wc-credit-card-form-card-expiry.maestro, .wc-credit-card-form-card-number.maestro { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.png); } .wc-credit-card-form-card-cvc.jcb, .wc-credit-card-form-card-expiry.jcb, .wc-credit-card-form-card-number.jcb { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.png); } .wc-credit-card-form-card-cvc.amex, .wc-credit-card-form-card-expiry.amex, .wc-credit-card-form-card-number.amex { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/amex.png); } .wc-credit-card-form-card-cvc.discover, .wc-credit-card-form-card-expiry.discover, .wc-credit-card-form-card-number.discover { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/discover.png); } /* Inpage headlines */ .products > h1, .products > h2, .products > h3, .products > h4, .products > h5, .products > h6, .products > h7, .products > h8, div.bt_bb_tab_content > h1, div.bt_bb_tab_content > h2, div.bt_bb_tab_content > h3, div.bt_bb_tab_content > h4, div.bt_bb_tab_content > h5, div.bt_bb_tab_content > h6, div.bt_bb_tab_content > h7, div.bt_bb_tab_content > h8, .cross-sells > h1, .cross-sells > h2, .cross-sells > h3, .cross-sells > h4, .cross-sells > h5, .cross-sells > h6, .cross-sells > h7, .cross-sells > h8, .comment-respond > h1, .comment-respond > h2, .comment-respond > h3, .comment-respond > h4, .comment-respond > h5, .comment-respond > h6, .comment-respond > h7, .comment-respond > h8, section.related.products > h1, section.related.products > h2, section.related.products > h3, section.related.products > h4, section.related.products > h5, section.related.products > h6, section.related.products > h7, section.related.products > h8, div.cart_totals > h1, div.cart_totals > h2, div.cart_totals > h3, div.cart_totals > h4, div.cart_totals > h5, div.cart_totals > h6, div.cart_totals > h7, div.cart_totals > h8, div.woocommerce-billing-fields > h1, div.woocommerce-billing-fields > h2, div.woocommerce-billing-fields > h3, div.woocommerce-billing-fields > h4, div.woocommerce-billing-fields > h5, div.woocommerce-billing-fields > h6, div.woocommerce-billing-fields > h7, div.woocommerce-billing-fields > h8, div.woocommerce-additional-fields > h1, div.woocommerce-additional-fields > h2, div.woocommerce-additional-fields > h3, div.woocommerce-additional-fields > h4, div.woocommerce-additional-fields > h5, div.woocommerce-additional-fields > h6, div.woocommerce-additional-fields > h7, div.woocommerce-additional-fields > h8, div.woocommerce-shipping-fields > h1, div.woocommerce-shipping-fields > h2, div.woocommerce-shipping-fields > h3, div.woocommerce-shipping-fields > h4, div.woocommerce-shipping-fields > h5, div.woocommerce-shipping-fields > h6, div.woocommerce-shipping-fields > h7, div.woocommerce-shipping-fields > h8, form.woocommerce-checkout > h1, form.woocommerce-checkout > h2, form.woocommerce-checkout > h3, form.woocommerce-checkout > h4, form.woocommerce-checkout > h5, form.woocommerce-checkout > h6, form.woocommerce-checkout > h7, form.woocommerce-checkout > h8, div.woocommerce-MyAccount-content > h1, div.woocommerce-MyAccount-content > h2, div.woocommerce-MyAccount-content > h3, div.woocommerce-MyAccount-content > h4, div.woocommerce-MyAccount-content > h5, div.woocommerce-MyAccount-content > h6, div.woocommerce-MyAccount-content > h7, div.woocommerce-MyAccount-content > h8, div.woocommerce-MyAccount-content header > h1, div.woocommerce-MyAccount-content header > h2, div.woocommerce-MyAccount-content header > h3, div.woocommerce-MyAccount-content header > h4, div.woocommerce-MyAccount-content header > h5, div.woocommerce-MyAccount-content header > h6, div.woocommerce-MyAccount-content header > h7, div.woocommerce-MyAccount-content header > h8, div.woocommerce-MyAccount-content form > h1, div.woocommerce-MyAccount-content form > h2, div.woocommerce-MyAccount-content form > h3, div.woocommerce-MyAccount-content form > h4, div.woocommerce-MyAccount-content form > h5, div.woocommerce-MyAccount-content form > h6, div.woocommerce-MyAccount-content form > h7, div.woocommerce-MyAccount-content form > h8, .woocommerce-customer-details > h1, .woocommerce-customer-details > h2, .woocommerce-customer-details > h3, .woocommerce-customer-details > h4, .woocommerce-customer-details > h5, .woocommerce-customer-details > h6, .woocommerce-customer-details > h7, .woocommerce-customer-details > h8, .woocommerce-order-details > h1, .woocommerce-order-details > h2, .woocommerce-order-details > h3, .woocommerce-order-details > h4, .woocommerce-order-details > h5, .woocommerce-order-details > h6, .woocommerce-order-details > h7, .woocommerce-order-details > h8 { margin: 0 0 1em; padding: 0; font-size: 1.4em; } /* Buttons */ .woocommerce .btSidebar a.button, .woocommerce .btContent a.button, .woocommerce-page .btSidebar a.button, .woocommerce-page .btContent a.button, .woocommerce .btSidebar input[type="submit"], .woocommerce .btContent input[type="submit"], .woocommerce-page .btSidebar input[type="submit"], .woocommerce-page .btContent input[type="submit"], .woocommerce .btSidebar button[type="submit"], .woocommerce .btContent button[type="submit"], .woocommerce-page .btSidebar button[type="submit"], .woocommerce-page .btContent button[type="submit"], .woocommerce .btSidebar input.button, .woocommerce .btContent input.button, .woocommerce-page .btSidebar input.button, .woocommerce-page .btContent input.button, .woocommerce .btSidebar input.alt:hover, .woocommerce .btContent input.alt:hover, .woocommerce-page .btSidebar input.alt:hover, .woocommerce-page .btContent input.alt:hover, .woocommerce .btSidebar a.button.alt:hover, .woocommerce .btContent a.button.alt:hover, .woocommerce-page .btSidebar a.button.alt:hover, .woocommerce-page .btContent a.button.alt:hover, .woocommerce .btSidebar .button.alt:hover, .woocommerce .btContent .button.alt:hover, .woocommerce-page .btSidebar .button.alt:hover, .woocommerce-page .btContent .button.alt:hover, .woocommerce .btSidebar button.alt:hover, .woocommerce .btContent button.alt:hover, .woocommerce-page .btSidebar button.alt:hover, .woocommerce-page .btContent button.alt:hover, div.woocommerce a.button, div.woocommerce input[type="submit"], div.woocommerce button[type="submit"], div.woocommerce input.button, div.woocommerce input.alt:hover, div.woocommerce a.button.alt:hover, div.woocommerce .button.alt:hover, div.woocommerce button.alt:hover { line-height: 1; text-transform: uppercase; font-weight: 700; padding: 1em 1.2em; font-size: .9em; cursor: pointer; background-color: transparent; } .btHardRoundedButtons.woocommerce .btSidebar a.button, .btHardRoundedButtons.woocommerce .btContent a.button, .btHardRoundedButtons.woocommerce-page .btSidebar a.button, .btHardRoundedButtons.woocommerce-page .btContent a.button, .btHardRoundedButtons.woocommerce .btSidebar input[type="submit"], .btHardRoundedButtons.woocommerce .btContent input[type="submit"], .btHardRoundedButtons.woocommerce-page .btSidebar input[type="submit"], .btHardRoundedButtons.woocommerce-page .btContent input[type="submit"], .btHardRoundedButtons.woocommerce .btSidebar button[type="submit"], .btHardRoundedButtons.woocommerce .btContent button[type="submit"], .btHardRoundedButtons.woocommerce-page .btSidebar button[type="submit"], .btHardRoundedButtons.woocommerce-page .btContent button[type="submit"], .btHardRoundedButtons.woocommerce .btSidebar input.button, .btHardRoundedButtons.woocommerce .btContent input.button, .btHardRoundedButtons.woocommerce-page .btSidebar input.button, .btHardRoundedButtons.woocommerce-page .btContent input.button, .btHardRoundedButtons.woocommerce .btSidebar input.alt:hover, .btHardRoundedButtons.woocommerce .btContent input.alt:hover, .btHardRoundedButtons.woocommerce-page .btSidebar input.alt:hover, .btHardRoundedButtons.woocommerce-page .btContent input.alt:hover, .btHardRoundedButtons.woocommerce .btSidebar a.button.alt:hover, .btHardRoundedButtons.woocommerce .btContent a.button.alt:hover, .btHardRoundedButtons.woocommerce-page .btSidebar a.button.alt:hover, .btHardRoundedButtons.woocommerce-page .btContent a.button.alt:hover, .btHardRoundedButtons.woocommerce .btSidebar .button.alt:hover, .btHardRoundedButtons.woocommerce .btContent .button.alt:hover, .btHardRoundedButtons.woocommerce-page .btSidebar .button.alt:hover, .btHardRoundedButtons.woocommerce-page .btContent .button.alt:hover, .btHardRoundedButtons.woocommerce .btSidebar button.alt:hover, .btHardRoundedButtons.woocommerce .btContent button.alt:hover, .btHardRoundedButtons.woocommerce-page .btSidebar button.alt:hover, .btHardRoundedButtons.woocommerce-page .btContent button.alt:hover, .btHardRoundedButtonsdiv.woocommerce a.button, .btHardRoundedButtonsdiv.woocommerce input[type="submit"], .btHardRoundedButtonsdiv.woocommerce button[type="submit"], .btHardRoundedButtonsdiv.woocommerce input.button, .btHardRoundedButtonsdiv.woocommerce input.alt:hover, .btHardRoundedButtonsdiv.woocommerce a.button.alt:hover, .btHardRoundedButtonsdiv.woocommerce .button.alt:hover, .btHardRoundedButtonsdiv.woocommerce button.alt:hover { border-radius: 50px; } .btSoftRoundedButtons.woocommerce .btSidebar a.button, .btSoftRoundedButtons.woocommerce .btContent a.button, .btSoftRoundedButtons.woocommerce-page .btSidebar a.button, .btSoftRoundedButtons.woocommerce-page .btContent a.button, .btSoftRoundedButtons.woocommerce .btSidebar input[type="submit"], .btSoftRoundedButtons.woocommerce .btContent input[type="submit"], .btSoftRoundedButtons.woocommerce-page .btSidebar input[type="submit"], .btSoftRoundedButtons.woocommerce-page .btContent input[type="submit"], .btSoftRoundedButtons.woocommerce .btSidebar button[type="submit"], .btSoftRoundedButtons.woocommerce .btContent button[type="submit"], .btSoftRoundedButtons.woocommerce-page .btSidebar button[type="submit"], .btSoftRoundedButtons.woocommerce-page .btContent button[type="submit"], .btSoftRoundedButtons.woocommerce .btSidebar input.button, .btSoftRoundedButtons.woocommerce .btContent input.button, .btSoftRoundedButtons.woocommerce-page .btSidebar input.button, .btSoftRoundedButtons.woocommerce-page .btContent input.button, .btSoftRoundedButtons.woocommerce .btSidebar input.alt:hover, .btSoftRoundedButtons.woocommerce .btContent input.alt:hover, .btSoftRoundedButtons.woocommerce-page .btSidebar input.alt:hover, .btSoftRoundedButtons.woocommerce-page .btContent input.alt:hover, .btSoftRoundedButtons.woocommerce .btSidebar a.button.alt:hover, .btSoftRoundedButtons.woocommerce .btContent a.button.alt:hover, .btSoftRoundedButtons.woocommerce-page .btSidebar a.button.alt:hover, .btSoftRoundedButtons.woocommerce-page .btContent a.button.alt:hover, .btSoftRoundedButtons.woocommerce .btSidebar .button.alt:hover, .btSoftRoundedButtons.woocommerce .btContent .button.alt:hover, .btSoftRoundedButtons.woocommerce-page .btSidebar .button.alt:hover, .btSoftRoundedButtons.woocommerce-page .btContent .button.alt:hover, .btSoftRoundedButtons.woocommerce .btSidebar button.alt:hover, .btSoftRoundedButtons.woocommerce .btContent button.alt:hover, .btSoftRoundedButtons.woocommerce-page .btSidebar button.alt:hover, .btSoftRoundedButtons.woocommerce-page .btContent button.alt:hover, .btSoftRoundedButtonsdiv.woocommerce a.button, .btSoftRoundedButtonsdiv.woocommerce input[type="submit"], .btSoftRoundedButtonsdiv.woocommerce button[type="submit"], .btSoftRoundedButtonsdiv.woocommerce input.button, .btSoftRoundedButtonsdiv.woocommerce input.alt:hover, .btSoftRoundedButtonsdiv.woocommerce a.button.alt:hover, .btSoftRoundedButtonsdiv.woocommerce .button.alt:hover, .btSoftRoundedButtonsdiv.woocommerce button.alt:hover { border-radius: 3px; } .woocommerce .btSidebar a.button, .woocommerce .btContent a.button, .woocommerce-page .btSidebar a.button, .woocommerce-page .btContent a.button, .woocommerce .btSidebar input[type="submit"], .woocommerce .btContent input[type="submit"], .woocommerce-page .btSidebar input[type="submit"], .woocommerce-page .btContent input[type="submit"], .woocommerce .btSidebar button[type="submit"], .woocommerce .btContent button[type="submit"], .woocommerce-page .btSidebar button[type="submit"], .woocommerce-page .btContent button[type="submit"], .woocommerce .btSidebar input.button, .woocommerce .btContent input.button, .woocommerce-page .btSidebar input.button, .woocommerce-page .btContent input.button, .woocommerce .btSidebar input.alt:hover, .woocommerce .btContent input.alt:hover, .woocommerce-page .btSidebar input.alt:hover, .woocommerce-page .btContent input.alt:hover, .woocommerce .btSidebar a.button.alt:hover, .woocommerce .btContent a.button.alt:hover, .woocommerce-page .btSidebar a.button.alt:hover, .woocommerce-page .btContent a.button.alt:hover, .woocommerce .btSidebar .button.alt:hover, .woocommerce .btContent .button.alt:hover, .woocommerce-page .btSidebar .button.alt:hover, .woocommerce-page .btContent .button.alt:hover, .woocommerce .btSidebar button.alt:hover, .woocommerce .btContent button.alt:hover, .woocommerce-page .btSidebar button.alt:hover, .woocommerce-page .btContent button.alt:hover, div.woocommerce a.button, div.woocommerce input[type="submit"], div.woocommerce button[type="submit"], div.woocommerce input.button, div.woocommerce input.alt:hover, div.woocommerce a.button.alt:hover, div.woocommerce .button.alt:hover, div.woocommerce button.alt:hover { border: 2px solid #FFAE02; color: #FFAE02; background: transparent; } .woocommerce .btSidebar a.button:hover, .woocommerce .btContent a.button:hover, .woocommerce-page .btSidebar a.button:hover, .woocommerce-page .btContent a.button:hover, .woocommerce .btSidebar input[type="submit"]:hover, .woocommerce .btContent input[type="submit"]:hover, .woocommerce-page .btSidebar input[type="submit"]:hover, .woocommerce-page .btContent input[type="submit"]:hover, .woocommerce .btSidebar button[type="submit"]:hover, .woocommerce .btContent button[type="submit"]:hover, .woocommerce-page .btSidebar button[type="submit"]:hover, .woocommerce-page .btContent button[type="submit"]:hover, .woocommerce .btSidebar input.button:hover, .woocommerce .btContent input.button:hover, .woocommerce-page .btSidebar input.button:hover, .woocommerce-page .btContent input.button:hover, .woocommerce .btSidebar input.alt, .woocommerce .btContent input.alt, .woocommerce-page .btSidebar input.alt, .woocommerce-page .btContent input.alt, .woocommerce .btSidebar a.button.alt, .woocommerce .btContent a.button.alt, .woocommerce-page .btSidebar a.button.alt, .woocommerce-page .btContent a.button.alt, .woocommerce .btSidebar .button.alt, .woocommerce .btContent .button.alt, .woocommerce-page .btSidebar .button.alt, .woocommerce-page .btContent .button.alt, .woocommerce .btSidebar button.alt, .woocommerce .btContent button.alt, .woocommerce-page .btSidebar button.alt, .woocommerce-page .btContent button.alt, div.woocommerce a.button:hover, div.woocommerce input[type="submit"]:hover, div.woocommerce button[type="submit"]:hover, div.woocommerce input.button:hover, div.woocommerce input.alt, div.woocommerce a.button.alt, div.woocommerce .button.alt, div.woocommerce button.alt { border: 2px solid #FFAE02; background: #FFAE02; color: #fff; } .woocommerce .btSidebar a.checkout-button, .woocommerce .btContent a.checkout-button, .woocommerce-page .btSidebar a.checkout-button, .woocommerce-page .btContent a.checkout-button, .woocommerce .btSidebar input#place_order, .woocommerce .btContent input#place_order, .woocommerce-page .btSidebar input#place_order, .woocommerce-page .btContent input#place_order, .woocommerce .btSidebar input[name="save_address"], .woocommerce .btContent input[name="save_address"], .woocommerce-page .btSidebar input[name="save_address"], .woocommerce-page .btContent input[name="save_address"], div.woocommerce a.checkout-button, div.woocommerce input#place_order, div.woocommerce input[name="save_address"] { width: 100%; float: none; display: block; text-align: center !important; } .woocommerce .btSidebar a.button.wc-forward, .woocommerce .btContent a.button.wc-forward, .woocommerce-page .btSidebar a.button.wc-forward, .woocommerce-page .btContent a.button.wc-forward, div.woocommerce a.button.wc-forward { padding: .5em 1em !important; margin-top: -.5em; } /* Star rating */ span.btNoStarRating { display: none; } .star-rating:before { content: "\f005\f005\f005\f005\f005"; letter-spacing: 3px; opacity: .2; } .star-rating { overflow: hidden; position: relative; line-height: 1; font-family: FontAwesome; margin: 0; display: inline-block; } .star-rating .rating { display: none; } .star-rating span { overflow: hidden; top: 0; left: 0; position: absolute; } .rtl .star-rating span { left: auto; right: 0; } .star-rating span:before { content: "\f005\f005\f005\f005\f005"; letter-spacing: 3px; color: #FFAE02; } .header.large .star-rating { line-height: inherit; margin-top: 2px; } .widget_recent_reviews .star-rating { font-size: 12px; } .products .star-rating { margin: 7px 0 0; } .widget_recent_reviews li a:after, .widget_recent_reviews .reviewer:after { display: table; content: ' '; } /* Comment stars */ p.stars { position: relative; letter-spacing: .25em; margin-bottom: 3em; } p.stars a { display: inline-block; font-weight: 700; text-indent: -9999px; position: relative; border-bottom: 0 !important; outline: 0; position: absolute; top: 0; left: 0; } .rtl p.stars a { left: auto; right: 0; } p.stars a:last-child { border-right: 0; } p.stars a[class^="star-"]:after { font-family: FontAwesome; text-indent: 0; position: absolute; top: 0; left: 0; color: rgba(0,0,0,.1); } .rtl p.stars a[class^="star-"]:after { left: auto; right: 0; } p.stars a[class^="star-"].active:after, p.stars a[class^="star-"]:hover:after { color: #FFAE02; } p.stars a.star-1 { width: 1em; z-index: 10; } p.stars a.star-1:after { content: "\f005"; } p.stars a.star-2 { width: 2em; z-index: 9; } p.stars a.star-2:after { content: "\f005\f005"; } p.stars a.star-3 { width: 3em; z-index: 8; } p.stars a.star-3:after { content: "\f005\f005\f005"; } p.stars a.star-4 { width: 4em; z-index: 7; } p.stars a.star-4:after { content: "\f005\f005\f005\f005"; } p.stars a.star-5 { width: 5em; border: 0; z-index: 6; } p.stars a.star-5:after { content: "\f005\f005\f005\f005\f005"; } /* Spin animation */ @-webkit-keyframes spin { from { -webkit-transform: rotateX(0); transform: rotateX(0); } to { -webkit-transform: rotateX(100%); transform: rotateX(100%); } } @-moz-keyframes spin { from { -moz-transform: rotateX(0); transform: rotateX(0); } to { -moz-transform: rotateX(100%); transform: rotateX(100%); } } @keyframes spin { from { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); } to { -webkit-transform: rotateX(100%); -moz-transform: rotateX(100%); -ms-transform: rotateX(100%); transform: rotateX(100%); } } /* Woo fonts */ @font-face { font-family: star; src: url(../../plugins/woocommerce/assets/fonts/star.eot); src: url(../../plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/star.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),url(../../plugins/woocommerce/assets/fonts/star.svg#star) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: WooCommerce; src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot); src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg"); font-weight: 400; font-style: normal; } /* Select - Checkout */ .woocommerce .select2-container--default .select2-selection--single { height: 3.2rem; border: none; border: 1px solid rgba(0,0,0,.1); padding: 0 1em; border-radius: none !important; } .woocommerce .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; line-height: 3; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow:before { content: '\f078'; font-family: FontAwesome; display: block; float: right; padding-right: 1em; padding-top: .2em; -webkit-transition: 150ms ease transform,150ms ease color; -moz-transition: 150ms ease transform,150ms ease color; transition: 150ms ease transform,150ms ease color; } .rtl .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow:before { padding-right: 0; padding-left: 1em; } .woocommerce .select2-container--open .select2-selection--single .select2-selection__arrow:before { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #FFAE02; } /* WooCommerce columns per row*/ .woocommerce-page ul.products.columns-2 li.product { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .woocommerce-page ul.products.columns-4 li.product { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .woocommerce-page ul.products.columns-5 li.product { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .woocommerce-page ul.products.columns-6 li.product { -webkit-flex: 0 0 16.6666%; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; } /* Columns and forms widths */ .btQuoteBooking { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; opacity: 0; -webkit-filter: alpha(opacity=0); filter: alpha(opacity=0); } .btQuoteBooking *, .btQuoteBooking *:after, .btQuoteBooking *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btQuoteBooking:after { content: " "; display: table; clear: both; width: 100%; } .btQuoteBooking .btQuoteBookingForm { margin: 0; } .btQuoteBooking .btTotalQuoteContactGroup { -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; max-height: 0; opacity: 0; -webkit-filter: alpha(opacity=0); filter: alpha(opacity=0); margin: 30px 0 0; } .btQuoteBooking .btTotalQuoteContactGroup.btActive { opacity: 1; max-height: 1000px; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; transition-delay: 400ms; } /* Next button */ .btQuoteBooking .btTotalNextWrapper { display: block; width: 100%; padding-right: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; } .btQuoteBooking .btTotalNextWrapper:after { content: " "; display: block; width: 100%; clear: both; } .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper { padding-right: 160px; } .btQuoteBooking .btQuoteBookingForm .boldBtn { display: block; padding: 0; width: 140px; float: right; margin-right: -130px; margin-left: -100%; } .btQuoteBooking .btContactNext { border: 0; margin: 0 0 0 30px; line-height: 1; -webkit-box-shadow: 0 0 0 2px #FFAE02 inset; box-shadow: 0 0 0 2px #FFAE02 inset; color: #FFAE02; text-transform: uppercase; height: 3.2em; font-size: .8em; display: inline-block; padding: 0 3em; background: transparent; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; opacity: 0; -webkit-transform: translate(500px,0); -moz-transform: translate(500px,0); -ms-transform: translate(500px,0); transform: translate(500px,0); white-space: nowrap; } .btQuoteBooking .btContactNext:focus, .btQuoteBooking .btContactNext:hover { -webkit-box-shadow: 0 0 0 2em #FFAE02 inset; box-shadow: 0 0 0 2em #FFAE02 inset; color: #fff !important; } .bt_bb_color_scheme_5 .btQuoteBooking .btContactNext { -webkit-box-shadow: 0 0 0 2px #181818 inset; box-shadow: 0 0 0 2px #181818 inset; color: #181818 !important; } .bt_bb_color_scheme_5 .btQuoteBooking .btContactNext:hover { -webkit-box-shadow: 0 0 0 2em #181818 inset; box-shadow: 0 0 0 2em #181818 inset; color: #fff !important; } .bt_bb_color_scheme_6 .btQuoteBooking .btContactNext { -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; color: #fff !important; } .bt_bb_color_scheme_6 .btQuoteBooking .btContactNext:hover { -webkit-box-shadow: 0 0 0 2em #fff inset; box-shadow: 0 0 0 2em #fff inset; color: #181818 !important; } .btQuoteBooking .btContactNext:focus { outline: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; width: 100%; } .btHardRoundedButtons .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { border-radius: 50px; } .btSoftRoundedButtons .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { border-radius: 3px; } .btQuoteBooking .btContactNext:hover, .btQuoteBooking .btContactNext:active { background-color: #FFAE02 !important; color: #fff !important; } .btQuoteBooking .btContactNext:hover:after, .btQuoteBooking .btContactNext:active:after { margin: 0 7px 0 10px; -webkit-transition: margin 200ms ease; -moz-transition: margin 200ms ease; transition: margin 200ms ease; } .btQuoteBooking .btContactNext:active { -webkit-box-shadow: 0 0 0 rgba(0,0,0,.1) inset,0 -2px 10px rgba(0,0,0,.4); box-shadow: 0 0 0 rgba(0,0,0,.1) inset,0 -2px 10px rgba(0,0,0,.4); } /* Quote items */ .btQuoteBooking .btQuoteItem { padding: 0 0 0 220px; margin: 0 0 30px; } .btQuoteBooking .btQuoteItem label { display: block; float: left; margin: 8px 0 0 -220px; padding-right: 20px; } .btQuoteBooking .btQuoteSlider { float: left; margin: 0; width: 100%; } .btHardRoundedButtons .btQuoteBooking .btQuoteSlider { border-radius: 50px; } .btSoftRoundedButtons .btQuoteBooking .btQuoteSlider { border-radius: 3px; } .btLightSkin .btQuoteBooking .btQuoteSlider, .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSlider, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSlider { background-color: transparent; border: 1px solid rgba(0,0,0,.1); color: #181818; } .btDarkSkin .btQuoteBooking .btQuoteSlider, .bt-dark-skin .btQuoteBooking .btQuoteSlider, .btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSlider, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSlider { background-color: transparent; border: 1px solid rgba(255,255,255,.5); color: #fff; } .bt_bb_color_scheme_5 .btQuoteBooking .btQuoteSlider::-webkit-input-placeholder { color: rgba(0,0,0,.1); } .bt_bb_color_scheme_6 .btQuoteBooking .btQuoteSlider::-webkit-input-placeholder { color: rgba(255,255,255,.5); } .btQuoteBooking .btQuoteSwitch { float: left; margin: 0; width: 76px; height: 38px; cursor: pointer; padding: 4px; border-radius: 19px; -webkit-transition: box-shadow 380ms ease; -moz-transition: box-shadow 380ms ease; transition: box-shadow 380ms ease; } .btLightSkin .btQuoteBooking .btQuoteSwitch, .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch { border: 2px solid rgba(0,0,0,.25); } .btDarkSkin .btQuoteBooking .btQuoteSwitch, .bt-dark-skin .btQuoteBooking .btQuoteSwitch, .btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch { border: 2px solid rgba(255,255,255,.25); } .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner { width: 26px; height: 26px; border-radius: 50%; -webkit-transition: all 190ms cubic-bezier(.8,.1,.8,.1); -moz-transition: all 190ms cubic-bezier(.8,.1,.8,.1); transition: all 190ms cubic-bezier(.8,.1,.8,.1); } .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner, .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner { border: 2px solid rgba(0,0,0,.25); } .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner, .bt-dark-skin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner, .btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner { border: 2px solid rgba(255,255,255,.25); } .btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner { margin-left: 38px; background: #FFAE02; } .bt_bb_color_scheme_5 .btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner { background: #fff; } .bt_bb_color_scheme_6 .btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner { background: #181818; } .btQuoteBooking .btQuoteItemInput { text-align: center; } .btQuoteBooking .btQuoteItem .fancy-select .trigger { text-align: left; color: #b4b4b4; } .btQuoteBooking .btQuoteItem .fancy-select .trigger.selected { color: #333; } /* Standard fields */ .btQuoteBooking input[type="text"], .btQuoteBooking input[type="email"], .btQuoteBooking input[type="password"], .btQuoteBooking textarea, .btQuoteBooking .fancy-select .trigger, .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText { width: 100%; display: block; line-height: 2; min-height: 38px; padding: 0 12px; font-family: inherit; font-weight: inherit; font-size: inherit; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; outline: none; background-color: #fff; border: 1px solid rgba(255,255,255,.5); color: #181818; } .btQuoteBooking input[type="text"]:focus, .btQuoteBooking input[type="email"]:focus, .btQuoteBooking input[type="password"]:focus, .btQuoteBooking textarea:focus, .btQuoteBooking .fancy-select .trigger:focus, .btQuoteBooking .ddcommon.borderRadius .ddTitleText:focus, .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText:focus { -webkit-box-shadow: 0 0 4px 0 #FFAE02; box-shadow: 0 0 4px 0 #FFAE02; border: 1px solid #181818; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .btLightSkin .btQuoteBooking input[type="text"], .btDarkSkin .btLightSkin .btQuoteBooking input[type="text"], .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking input[type="text"], .btLightSkin .btQuoteBooking input[type="email"], .btDarkSkin .btLightSkin .btQuoteBooking input[type="email"], .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking input[type="email"], .btLightSkin .btQuoteBooking input[type="password"], .btDarkSkin .btLightSkin .btQuoteBooking input[type="password"], .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking input[type="password"], .btLightSkin .btQuoteBooking textarea, .btDarkSkin .btLightSkin .btQuoteBooking textarea, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking textarea, .btLightSkin .btQuoteBooking .fancy-select .trigger, .btDarkSkin .btLightSkin .btQuoteBooking .fancy-select .trigger, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .fancy-select .trigger, .btLightSkin .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btDarkSkin .btLightSkin .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btLightSkin .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText, .btDarkSkin .btLightSkin .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText { border: 1px solid rgba(0,0,0,.1); } .btDarkSkin .btQuoteBooking input[type="text"], .bt-dark-skin .btQuoteBooking input[type="text"], .btLightSkin .btDarkSkin .btQuoteBooking input[type="text"], .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking input[type="text"], .btDarkSkin .btQuoteBooking input[type="email"], .bt-dark-skin .btQuoteBooking input[type="email"], .btLightSkin .btDarkSkin .btQuoteBooking input[type="email"], .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking input[type="email"], .btDarkSkin .btQuoteBooking input[type="password"], .bt-dark-skin .btQuoteBooking input[type="password"], .btLightSkin .btDarkSkin .btQuoteBooking input[type="password"], .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking input[type="password"], .btDarkSkin .btQuoteBooking textarea, .bt-dark-skin .btQuoteBooking textarea, .btLightSkin .btDarkSkin .btQuoteBooking textarea, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking textarea, .btDarkSkin .btQuoteBooking .fancy-select .trigger, .bt-dark-skin .btQuoteBooking .fancy-select .trigger, .btLightSkin .btDarkSkin .btQuoteBooking .fancy-select .trigger, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .fancy-select .trigger, .btDarkSkin .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .bt-dark-skin .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btLightSkin .btDarkSkin .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btDarkSkin .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText, .bt-dark-skin .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText, .btLightSkin .btDarkSkin .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText { border: 1px solid rgba(255,255,255,.5); } .bt_bb_color_scheme_5 .btQuoteBooking input[type="text"]::-webkit-input-placeholder, .bt_bb_color_scheme_5 .btQuoteBooking input[type="email"]::-webkit-input-placeholder, .bt_bb_color_scheme_5 .btQuoteBooking input[type="password"]::-webkit-input-placeholder, .bt_bb_color_scheme_5 .btQuoteBooking textarea::-webkit-input-placeholder, .bt_bb_color_scheme_5 .btQuoteBooking .fancy-select .trigger::-webkit-input-placeholder, .bt_bb_color_scheme_5 .btQuoteBooking .ddcommon.borderRadius .ddTitleText::-webkit-input-placeholder, .bt_bb_color_scheme_5 .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText::-webkit-input-placeholder { color: rgba(0,0,0,.1); } .bt_bb_color_scheme_6 .btQuoteBooking input[type="text"]::-webkit-input-placeholder, .bt_bb_color_scheme_6 .btQuoteBooking input[type="email"]::-webkit-input-placeholder, .bt_bb_color_scheme_6 .btQuoteBooking input[type="password"]::-webkit-input-placeholder, .bt_bb_color_scheme_6 .btQuoteBooking textarea::-webkit-input-placeholder, .bt_bb_color_scheme_6 .btQuoteBooking .fancy-select .trigger::-webkit-input-placeholder, .bt_bb_color_scheme_6 .btQuoteBooking .ddcommon.borderRadius .ddTitleText::-webkit-input-placeholder, .bt_bb_color_scheme_6 .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText::-webkit-input-placeholder { color: rgba(255,255,255,.5); } .btQuoteBooking .ddcommon.borderRadius .ddTitleText, .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText { padding: 0; } .btQuoteBooking .btQuoteItem textarea { resize: vertical; font-size: inherit; padding: 0 12px 0 12px; min-height: 160px; } .btLightSkin .btQuoteBooking .btQuoteItem textarea, .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteItem textarea, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteItem textarea { color: #181818; } .btDarkSkin .btQuoteBooking .btQuoteItem textarea, .bt-dark-skin .btQuoteBooking .btQuoteItem textarea, .btLightSkin .btDarkSkin .btQuoteBooking .btQuoteItem textarea, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteItem textarea { color: #fff; } .btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText { -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; min-height: 3.2em; } .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText { -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; -webkit-box-shadow: 5px 0 0 #FFAE02 inset,0 2px 10px rgba(0,0,0,.2); box-shadow: 5px 0 0 #FFAE02 inset,0 2px 10px rgba(0,0,0,.2); min-height: 3.2em; } /* Float clears */ .btQuoteBooking .btQuoteItem:after { content: ' '; display: table; width: 100%; clear: both; } /* Slider */ .btQuoteWrapper { position: relative; padding: 0 17px; } .btQuoteWrapper:before { -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; } .btQuoteWrapper:after { content: ' '; clear: both; width: 100%; display: table; } .btQuoteBooking .ui-slider { position: relative; text-align: left; } .btQuoteWrapper:before { content: ' '; display: block; position: absolute; height: 20px; left: 0; right: 0; top: 50%; margin: -8px 0 0; border-radius: 10px; } .btLightSkin .btQuoteWrapper:before, .btDarkSkin .btLightSkin .btQuoteWrapper:before, .btLightSkin .btDarkSkin .btLightSkin .btQuoteWrapper:before { border: 1px solid rgba(0,0,0,.1); } .btDarkSkin .btQuoteWrapper:before, .bt-dark-skin .btQuoteWrapper:before, .btLightSkin .btDarkSkin .btQuoteWrapper:before, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteWrapper:before { border: 1px solid rgba(255,255,255,.5); } /* Slider hover state */ .btQuoteBooking .btQuoteWrapper:hover:before { -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2); box-shadow: 0 1px 5px rgba(0,0,0,.2); -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; } /* Slider handle */ .btQuoteBooking .ui-slider .ui-slider-handle { display: block; position: absolute; z-index: 2; min-width: 38px; height: 38px; -ms-touch-action: none; touch-action: none; background: #FFAE02; cursor: w-resize; cursor: -webkit-grab; cursor: -moz-grab; border-radius: 50%; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset; box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset; -webkit-transition: all 190ms ease; -moz-transition: all 190ms ease; transition: all 190ms ease; } .btQuoteBooking .ui-slider .ui-slider-handle.ui-state-hover { -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset; box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset; } .bt_bb_color_scheme_5 .btQuoteBooking .ui-slider .ui-slider-handle { background: #f5f5f5; } .bt_bb_color_scheme_6 .btQuoteBooking .ui-slider .ui-slider-handle { background: #252525; } .bt_bb_color_scheme_6 .btQuoteBooking .ui-slider .ui-slider-handle.ui-state-hover { -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(255,255,255,.2) inset; box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(255,255,255,.2) inset; } .btQuoteBooking .btQuoteSliderValue { min-width: 34px; height: 38px; line-height: 38px; padding: 0 2px; font-size: 11px; font-weight: 700; color: #fff; text-align: center; display: block; } .bt_bb_color_scheme_5 .btQuoteBooking .btQuoteSliderValue { color: #181818; } .bt_bb_color_scheme_6 .btQuoteBooking .btQuoteSliderValue { color: #fff; } /* Slider range */ .btQuoteBooking .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-handle, .btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } /* Slider horizontal */ .btQuoteBooking .ui-slider-horizontal { height: 20px; margin-top: 10px; cursor: pointer; } .btQuoteBooking .ui-slider-horizontal .ui-slider-handle { top: -10px; margin-left: -18px; } .btQuoteBooking .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .btQuoteBooking .ui-slider-horizontal .ui-slider-range-min { left: 0; } .btQuoteBooking .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* Slider vertical */ .btQuoteBooking .ui-slider-vertical { min-width: 34px; height: 100px; } .btQuoteBooking .ui-slider-vertical .ui-slider-handle { left: 0; margin-left: 0; margin-bottom: -18px; } .btQuoteBooking .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .btQuoteBooking .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .btQuoteBooking .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Total value */ .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { padding: 0; text-align: right; color: #fff; background: #FFAE02; line-height: 1.8; display: block; width: 100%; float: left; font-size: .8em; text-transform: uppercase; } .btHardRoundedButtons .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: 50px; overflow: hidden; } .btSoftRoundedButtons .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: 3px; overflow: hidden; } .bt_bb_color_scheme_5 .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { background: #252525; color: #fff; } .bt_bb_color_scheme_6 .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { background: #f5f5f5; color: #181818; } .btQuoteBooking .btQuoteTotalText { margin-right: 1em; font-weight: 700; } /* Total currency */ .btQuoteBooking .btQuoteTotalCurrency { font-weight: 700; font-size: 1.4em; line-height: 1.7; display: inline-block; background: rgba(0,0,0,.25); padding: 5px 3px 5px 20px; } .btQuoteBooking .btQuoteTotalCalc { font-weight: 700; opacity: 1; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); font-size: 1.4em; line-height: 1.7; display: inline-block; background: rgba(0,0,0,.25); padding: 5px 20px 5px 3px; } /* Options */ .btQuoteBooking .btQuoteItem ul.options { text-align: left; } /* Contact form */ .btQuoteBooking .btQuoteContact { margin: 0 -10px 0 -10px; } /* Contact form item */ .btQuoteBooking .btQuoteContact .btQuoteItem, .bt_cc_email_confirmation_container { padding: 0 10px; float: left; width: 50%; } /* Form split in two columns */ .btQuoteBooking .btQuoteContact .btQuoteItem:nth-child(odd) { clear: left; } /* Form full width item */ .btQuoteBooking .btQuoteItem.btQuoteItemFullWidth { float: none; width: auto; } /* Form button */ .btQuoteBooking .btQuoteContact .boldBtn { clear: left; margin: 0; text-align: center; white-space: normal; } /* Error fields validation */ .btQuoteBooking .btContactFieldMandatory.btContactFieldError input, .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea { -webkit-box-shadow: 0 0 0 1px #FFAE02 inset; box-shadow: 0 0 0 1px #FFAE02 inset; border-color: #FFAE02; } .btLightSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .btDarkSkin .btLightSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .btLightSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus, .btDarkSkin .btLightSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus { -webkit-box-shadow: 0 0 0 1px #181818 inset !important; box-shadow: 0 0 0 1px #181818 inset !important; border-color: #181818; } .btDarkSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .bt-dark-skin .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .btLightSkin .btDarkSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .btDarkSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus, .bt-dark-skin .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus, .btLightSkin .btDarkSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus { border-color: #181818; -webkit-box-shadow: 0 0 0 1px #fff inset !important; box-shadow: 0 0 0 1px #fff inset !important; } .bt_bb_color_scheme_5 .btQuoteBooking .btContactFieldMandatory.btContactFieldError input, .bt_bb_color_scheme_5 .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea { -webkit-box-shadow: 0 0 0 1px #fff inset; box-shadow: 0 0 0 1px #fff inset; border-color: #fff; } .bt_bb_color_scheme_5 .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .bt_bb_color_scheme_5 .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus { -webkit-box-shadow: 0 0 0 1px #181818 inset !important; box-shadow: 0 0 0 1px #181818 inset !important; border-color: #181818; } .bt_bb_color_scheme_6 .btQuoteBooking .btContactFieldMandatory.btContactFieldError input, .bt_bb_color_scheme_6 .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea { -webkit-box-shadow: 0 0 0 1px #181818 inset; box-shadow: 0 0 0 1px #181818 inset; border-color: #181818; } .bt_bb_color_scheme_6 .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .bt_bb_color_scheme_6 .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus { -webkit-box-shadow: 0 0 0 1px #fff inset !important; box-shadow: 0 0 0 1px #fff inset !important; border-color: #fff; } .btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius .ddTitleText { -webkit-box-shadow: 0 0 0 2px #FFAE02 inset; box-shadow: 0 0 0 2px #FFAE02 inset; } .btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadiusTp .ddTitleText { -webkit-box-shadow: 0 0 0 2px #181818 inset !important; box-shadow: 0 0 0 2px #181818 inset !important; } /* Submit query message */ .btQuoteBooking .btSubmitMessage { color: #FFAE02; font-weight: 600; text-align: center; line-height: 30px; height: 30px; } /* Date picker */ .btDatePicker { z-index: 10000 !important; width: 300px; } .btDatePicker table th, .btDatePicker table td { border: 1px solid #e0e0e0; } .btDatePicker .ui-datepicker-header { display: block; padding: 10px; overflow: hidden; background-color: #FFAE02; color: #FFF; } .btDatePicker table.ui-datepicker-calendar { width: 100%; text-align: center; border-collapse: collapse; margin: 0; padding: 0; line-height: 1.2; background-color: #f2f2f2; } /* Datepicker header, day names */ .btDatePicker table.ui-datepicker-calendar th { padding: 10px 8px; font-size: 14px; font-weight: 600; color: #333; text-align: center; } /* Datepicker prev/next */ .btDatePicker a.ui-datepicker-prev, .btDatePicker a.ui-datepicker-next { display: block; font-size: 10px; font-weight: 700; line-height: 1; padding: 2px 4px; text-transform: uppercase; cursor: pointer; } .btDatePicker a.ui-datepicker-prev { float: left; } .btDatePicker a.ui-datepicker-next { float: right; } /* Prev / Next hover state */ .btDatePicker a.ui-datepicker-prev:hover, .btDatePicker a.ui-datepicker-next:hover { color: #181818; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Datepicker title */ .btDatePicker .ui-datepicker-title { text-align: center; font-size: 14px; line-height: 1.1; font-weight: 600; color: #FFF; } /* Datepicker DIV */ .btDatePicker#ui-datepicker-div { background-color: #f2f2f2; border: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); box-shadow: 0 2px 10px rgba(0,0,0,.2); margin-top: 1px; } /* Datepicker day */ .btDatePicker .ui-datepicker-calendar td { font-size: 12px; font-weight: 500; line-height: 1; padding: .3em; text-align: center; } /* Datepicker day link */ .btDatePicker table.ui-datepicker-calendar td a { color: #666; width: 18px; height: 18px; line-height: 18px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Datepicker active state */ .btDatePicker table.ui-datepicker-calendar td a.ui-state-active { font-weight: bold; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Datepicker hover state */ .btDatePicker table td:hover { cursor: pointer; } .btDatePicker table td:hover { background: #e0e0e0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Styled select */ .btQuoteBooking .btDropDown .dd { position: relative; } .btQuoteBooking .ddChild { position: absolute; left: 0 !important; right: 0 !important; margin: -1px 0 0; } .btQuoteBooking .ddChild { position: absolute !important; } /* Select submenu items */ .btQuoteBooking .ddChild { background-color: #fff; border: 1px solid #999; overflow-y: auto; } .btQuoteBooking .ddChild ul { list-style: none; display: block; margin: 0; padding: 0; } .btQuoteBooking .ddChild ul li { display: table; width: 100%; min-height: 38px; margin: 0; padding: 0 37px 0 0; cursor: pointer; line-height: 1.2; border-top: 1px solid rgba(0,0,0,.1); color: #000; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } .btQuoteBooking .ddChild ul li span { display: block; padding: 0 12px; line-height: 2; } .btQuoteBooking .ddChild ul li span.description { line-height: 1.5; margin-top: -.3em; margin-bottom: .3em; } /* Item hover state */ .btQuoteBooking .ddChild ul li:hover, .btQuoteBooking .ddChild ul li.selected:hover { color: #666; background: rgba(0,0,0,.05); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* First item disabled state */ .btQuoteBooking .ddChild ul li:first-child, .btQuoteBooking .ddChild ul li:first-child:hover { border-top: none; color: #666; background: none; } .btQuoteBooking .ddOutOfVision { position: absolute; height: 0; width: 0; overflow: hidden; } /* Styled menu itself */ .btQuoteBooking .ddItem { display: table; width: 100%; margin: 1px 0 0; padding: 0; font-size: 14px; line-height: 1.1; } /* Styled menu label */ .btQuoteBooking .ddTitleText { display: table; width: 100%; } .btQuoteBooking .ddTitleText span, .btQuoteBooking .ddChild ul li span { display: table-cell; vertical-align: middle; text-align: left; } .btQuoteBooking .ddTitleText span span, .btQuoteBooking .ddChild ul li span span, .btQuoteBooking .ddChild ul li:hover span span, .btQuoteBooking .ddChild ul li.selected:hover span span { display: block; font-size: 12px; padding: 0; color: #555; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } .btQuoteBooking .ddChild span { padding: 8px 12px; } .btQuoteBooking .ddTitleText span { padding: 8px 12px; } .btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText { padding: 0 37px 0 0; } .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText { -webkit-box-shadow: 0 0 4px 0 #FFAE02; box-shadow: 0 0 4px 0 #FFAE02; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .btLightSkin .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btDarkSkin .btLightSkin .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btLightSkin .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText, .btDarkSkin .btLightSkin .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText { border: 1px solid #181818; } .btDarkSkin .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .bt-dark-skin .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btLightSkin .btDarkSkin .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btDarkSkin .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText, .bt-dark-skin .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText, .btLightSkin .btDarkSkin .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText { border: 1px solid #fff; } /* Select item description */ .btQuoteBooking .ddlabel, .btQuoteBooking .description { width: 100%; } .btNotSelected { min-height: 38px; } .btNotSelected .ddlabel { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Photo in select */ .btQuoteBooking .ddTitleText .ddImage, .btQuoteBooking .ddChild ul li .ddImage { text-align: center; padding: 12px; padding-right: 0; } .btQuoteBooking .ddTitleText .ddImage img, .btQuoteBooking .ddChild ul li .ddImage img { display: block; width: auto; max-width: none !important; } /* Nothing selected state */ .btQuoteBooking .ddTitleText.btNotSelected .ddlabel { background: #fff; color: #181818; } /* Selected state */ .btQuoteBooking .ddTitleText .ddlabel { width: 100%; line-height: 2; opacity: 1; background: #fff; color: #181818; } .btQuoteBooking .ddTitleText .ddlabel .description { line-height: 1.5; margin-top: -.3em; margin-bottom: .3em; } .btQuoteBooking .ddTitle { position: relative; cursor: pointer; } /* Styled select arrow */ .btQuoteBooking .ddTitle .arrow { display: block; position: absolute; right: 0; top: 50%; margin-top: -14px; } /* Arrow itself */ .btQuoteBooking .ddTitle .arrow:before { content: '\f107'; font-family: FontAwesome; font-size: 25px; display: block; padding-right: .5em; -webkit-transition: 150ms ease transform,150ms ease color; -moz-transition: 150ms ease transform,150ms ease color; transition: 150ms ease transform,150ms ease color; color: #181818 !important; } .btQuoteBooking .borderRadiusTp .ddTitle .arrow:before { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } /* Submit button */ .btQuoteBooking .btContactSubmit { border: 0; outline: none; background: transparent; cursor: pointer; padding: 0 3em; line-height: 1; height: 3.2em; font-size: .8em; opacity: 1; text-transform: uppercase; font-size: .8em !important; -webkit-box-shadow: 0 0 0 1px #FFAE02 inset; box-shadow: 0 0 0 1px #FFAE02 inset; color: #FFAE02 !important; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btHardRoundedButtons .btQuoteBooking .btContactSubmit { border-radius: 50px; } .btSoftRoundedButtons .btQuoteBooking .btContactSubmit { border-radius: 3px; } .btQuoteBooking .btContactSubmit:focus, .btQuoteBooking .btContactSubmit:hover { -webkit-box-shadow: 0 0 0 2em #FFAE02 inset; box-shadow: 0 0 0 2em #FFAE02 inset; color: #fff !important; } .bt_bb_color_scheme_5 .btQuoteBooking .btContactSubmit { -webkit-box-shadow: 0 0 0 1px #181818 inset; box-shadow: 0 0 0 1px #181818 inset; color: #181818 !important; } .bt_bb_color_scheme_5 .btQuoteBooking .btContactSubmit:hover { -webkit-box-shadow: 0 0 0 2em #181818 inset; box-shadow: 0 0 0 2em #181818 inset; color: #fff !important; } .bt_bb_color_scheme_6 .btQuoteBooking .btContactSubmit { -webkit-box-shadow: 0 0 0 1px #fff inset; box-shadow: 0 0 0 1px #fff inset; color: #fff !important; } .bt_bb_color_scheme_6 .btQuoteBooking .btContactSubmit:hover { -webkit-box-shadow: 0 0 0 2em #fff inset; box-shadow: 0 0 0 2em #fff inset; color: #181818 !important; } /* Tablets screen */ @media (max-width: 1024px) { .btQuoteBooking .btQuoteContact .btQuoteItem { float: none; width: auto; } .btQuoteBooking .btTotalQuoteContactGroup.btActive { max-height: 1000px; } .btQuoteBooking .btQuoteContact { margin-left: -10px; } } /* Larger smartphones screen */ @media (max-width: 650px) { .btQuoteBooking .btQuoteItem label { display: block; float: none; margin: 0 0 8px; width: auto; } .btQuoteBooking .btQuoteItem { margin: 0 0 20px; padding: 0; } } /* Small smartphones screen */ @media (max-width: 440px) { .btQuoteBooking .ddTitleText .ddImage img, .btQuoteBooking .ddChild ul li .ddImage img { display: block; width: auto; margin: 0 auto; } .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper { padding: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn { -moz-transition: all 400ms ease; transition: all 400ms ease; -webkit-transition: all 400ms ease; height: 60px; overflow: hidden; padding-top: 10px; } .btQuoteBooking .btQuoteBookingForm .boldBtn { display: block; width: 100%; float: none; text-align: center; margin: 0; height: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; clear: both; overflow: hidden; padding: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal, .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { display: block; width: 100%; float: none; margin-bottom: 20px; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext, .btQuoteBooking .btQuoteBookingForm .btContactNext { -webkit-transform: none; -ms-transform: none; -moz-transform: none; transform: none; opacity: 1; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); margin-left: auto; } .btQuoteBooking .btContactBack, .btQuoteBooking .btContactSubmit { margin: 0 auto 20px auto; clear: both; display: block; } .btPayPalButton { margin: 0 !important; float: none; } } /* placeholder */ .btQuoteBooking *::-webkit-input-placeholder { font-family: inherit; color: #a9a9a9; } .btQuoteBooking *:-moz-placeholder { font-family: inherit; color: #a9a9a9; } .btQuoteBooking *::-moz-placeholder { font-family: inherit; color: #a9a9a9; } .btQuoteBooking *:-ms-input-placeholder { font-family: inherit; color: #a9a9a9; } /* reCAPTCHA */ .btQuoteBooking .g-recaptcha { margin-bottom: 30px; } .btQuoteBooking .g-recaptcha > div > div { margin: auto; } /* PayPal */ .btPayPalButton { display: inline-block; margin: 0 0 0 30px; background: transparent; border: rgba(0,0,0,.1) 2px solid; margin-right: -100%; width: 130px; height: 49px; cursor: pointer; -webkit-transition: box-shadow 380ms ease; -moz-transition: box-shadow 380ms ease; transition: box-shadow 380ms ease; background-position: center center; background-size: 70%; background-repeat: no-repeat; } .btPayPalButton:hover { -webkit-box-shadow: 0 0 0 #FFAE02 inset,0 1px 5px rgba(0,0,0,.2); box-shadow: 0 0 0 #FFAE02 inset,0 1px 5px rgba(0,0,0,.2); } .btPayPalForm { width: 0; height: 0; overflow: hidden; } .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked), .bt_cc_email_confirmation_container [type="checkbox"]:checked { position: absolute; left: -9999px; } .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label, .bt_cc_email_confirmation_container [type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 1.5em; height: 1.5em; background: transparent; -webkit-transition: 200ms ease all; -moz-transition: 200ms ease all; transition: 200ms ease all; } .btHardRoundedButtons .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btHardRoundedButtons .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { border-radius: 50px; } .btSoftRoundedButtons .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btSoftRoundedButtons .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { border-radius: 3px; } .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btLightSkin .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btLightSkin .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .bt-dark-skin .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btLightSkin .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btDarkSkin.btLightSkin .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:before, .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .bt-dark-skin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btLightSkin .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btDarkSkin.btLightSkin .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset; box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset; } .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:after, .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:after { content: '\f00c'; font-family: FontAwesome; position: absolute; top: .1em; left: .3em; font-size: 1.3em; line-height: .8; -webkit-transition: 200ms ease all; -moz-transition: 200ms ease all; transition: 200ms ease all; } .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { border-color: #FFAE02; background: #FFAE02; } .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btLightSkin .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { -webkit-box-shadow: 0 0 0 0 #181818 inset; box-shadow: 0 0 0 0 #181818 inset; } .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .bt-dark-skin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btLightSkin .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before, .btDarkSkin.btLightSkin .btDarkSkin .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { -webkit-box-shadow: 0 0 0 0 #fff inset; box-shadow: 0 0 0 0 #fff inset; } .bt_bb_color_scheme_5 .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { -webkit-box-shadow: 0 0 0 0 #181818 inset; box-shadow: 0 0 0 0 #181818 inset; border-color: #fff; background: #fff; } .bt_bb_color_scheme_6 .bt_cc_email_confirmation_container [type="checkbox"]:checked + label:before { -webkit-box-shadow: 0 0 0 0 #fff inset; box-shadow: 0 0 0 0 #fff inset; border-color: #181818; background: #181818; } .btLightSkin .bt_cc_email_confirmation_container label:hover:before, .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container label:hover:before, .btLightSkin .btDarkSkin .btLightSkin .bt_cc_email_confirmation_container label:hover:before { -webkit-box-shadow: 0 0 0 2px #181818 inset !important; box-shadow: 0 0 0 2px #181818 inset !important; } .btDarkSkin .bt_cc_email_confirmation_container label:hover:before, .bt-dark-skin .bt_cc_email_confirmation_container label:hover:before, .btLightSkin .btDarkSkin .bt_cc_email_confirmation_container label:hover:before, .btDarkSkin.btLightSkin .btDarkSkin .bt_cc_email_confirmation_container label:hover:before { -webkit-box-shadow: 0 0 0 2px #fff inset !important; box-shadow: 0 0 0 2px #fff inset !important; } /* Custom classes */ /* Custom class Cost Calculator */ .btQuoteBooking.btCostCalculator .btQuoteBookingForm { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btQuoteBooking.btCostCalculator .btQuoteItem { padding: 0; margin-bottom: 1em; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .btQuoteBooking.btCostCalculator .btQuoteItem label { float: none; clear: both; margin: 0; font-size: .8em; font-weight: 500; } .btQuoteBooking.btCostCalculator .btQuoteItem.btCostCalculatorFirstItem { -webkit-flex: 1 0 39%; -ms-flex: 1 0 39%; flex: 1 0 39%; padding-right: 1em; } .btQuoteBooking.btCostCalculator .btQuoteItem.btCostCalculatorSecondItem { padding-right: 1em; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } .btQuoteBooking.btCostCalculator .btQuoteItem.btCostCalculatorThirdItem { -webkit-flex: 1 0 10%; -ms-flex: 1 0 10%; flex: 1 0 10%; padding-top: .4em; } .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSlider { background-color: rgba(255,255,255,.3); border: none; } .btLightSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch, .btDarkSkin .btLightSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch { border: 2px solid rgba(255,255,255,.5); } .btDarkSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch, .bt-dark-skin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch, .btLightSkin .btDarkSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch { border: 2px solid rgba(0,0,0,.5); } .btLightSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch .btQuoteSwitchInner, .btDarkSkin .btLightSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch .btQuoteSwitchInner, .btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch .btQuoteSwitchInner { border: 2px solid rgba(255,255,255,.5); } .btDarkSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch .btQuoteSwitchInner, .bt-dark-skin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch .btQuoteSwitchInner, .btLightSkin .btDarkSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch .btQuoteSwitchInner, .btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking.btCostCalculator .btQuoteItem .btQuoteSwitch .btQuoteSwitchInner { border: 2px solid rgba(0,0,0,.5); } .btQuoteBooking.btCostCalculator .btQuoteTotal { background: transparent !important; } .btQuoteBooking.btCostCalculator .btQuoteTotalText { font-size: 1.8em; font-weight: 300; text-transform: initial; margin-right: 0; margin-left: .2em; } .btQuoteBooking.btCostCalculator .btQuoteTotalCurrency, .btQuoteBooking.btCostCalculator .btQuoteTotalCalc { background-color: transparent; color: #FFAE02; font-weight: 300; font-size: 2em; padding: 0; padding-left: .5em; } @media (max-width: 780px) { .btQuoteBooking.btCostCalculator .btQuoteBookingForm { display: block !important; } } /* Custom class Moving Cost Calculator */ .btQuoteBooking.btMovingCostCalculator .btQuoteBookingForm { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btQuoteBooking.btMovingCostCalculator .btQuoteItem { -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; margin-bottom: 1em; padding: 0; padding-right: 1em; } .btQuoteBooking.btMovingCostCalculator .btQuoteItem label { float: none; margin: 0; font-size: .8em; font-weight: 500; text-align: left; } .btQuoteBooking.btMovingCostCalculator .btQuoteItem.btLastQuoteItem { -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } .btQuoteBooking.btMovingCostCalculator .btQuoteItem.btThirdQuoteItem { padding-right: 0; } .btQuoteBooking.btMovingCostCalculator .btQuoteItem .btQuoteSlider { background-color: rgba(255,255,255,.3); } .btQuoteBooking.btMovingCostCalculator .btTotalNextWrapper { margin-top: -.5em; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } .btQuoteBooking.btMovingCostCalculator .btTotalNextWrapper .btQuoteTotal { margin-top: 2.5em; height: 3em; } @media (max-width: 780px) { .btMovingCostCalculator.btQuoteBooking .btQuoteBookingForm { display: block !important; } .btMovingCostCalculator.btQuoteBooking .btQuoteBookingForm .btQuoteItem { padding-right: 0 !important; } } /* Custom class Short Cost Calculator */ .btQuoteBooking.btShortDarkCalculator .btQuoteItem { padding: 0; margin-bottom: 1em; } .btQuoteBooking.btShortDarkCalculator .btQuoteItem label { float: none; margin: 0; font-size: .8em; font-weight: 500; color: #181818 !important; } .btQuoteBooking.btShortDarkCalculator .btQuoteItem .btQuoteSlider { border: 1px solid rgba(24,24,24,.2); } .btQuoteBooking.btShortDarkCalculator .btQuoteItem .btQuoteSlider { background-color: rgba(255,255,255,.3); } .btQuoteBooking.btShortDarkCalculator .btQuoteTotal { background: transparent !important; color: #181818 !important; padding-top: 1em; } .btQuoteBooking.btShortDarkCalculator .btQuoteTotalText { font-size: 1.8em; font-weight: 500; text-transform: initial; margin-right: 0; margin-left: .2em; } .btQuoteBooking.btShortDarkCalculator .btQuoteTotalCurrency, .btQuoteBooking.btShortDarkCalculator .btQuoteTotalCalc { background-color: transparent; color: #FFAE02; font-weight: 600; font-size: 2em; padding: 0; padding-left: .5em; } /* Custom class Short Light Cost Calculator */ .btQuoteBooking.btShortLightCalculator .btQuoteItem { padding: 0; margin-bottom: 1em; } .btQuoteBooking.btShortLightCalculator .btQuoteItem label { float: none; margin: 0; font-size: .8em; font-weight: 500; color: inherit; } .btQuoteBooking.btShortLightCalculator .btQuoteItem .btQuoteSlider { background-color: rgba(255,255,255,.3); border: none !important; } .btQuoteBooking.btShortLightCalculator .btQuoteTotal { background: transparent !important; color: inherit !important; } .btQuoteBooking.btShortLightCalculator .btQuoteTotalCurrency, .btQuoteBooking.btShortLightCalculator .btQuoteTotalCalc { background-color: transparent; color: inherit; font-weight: 600; font-size: 3em; padding: 0; } .btQuoteBooking.btShortLightCalculator .btQuoteSwitch { border: 2px solid; } .btQuoteBooking.btShortLightCalculator .btQuoteSwitch .btQuoteSwitchInner { background: #fff; } .btQuoteBooking.btShortLightCalculator .btQuoteSwitch.on { border: 2px solid #0529A3; } .btQuoteBooking.btShortLightCalculator .btQuoteSwitch.on .btQuoteSwitchInner { background: #0529A3; } .btQuoteBooking.btShortLightCalculator .btQuoteItem .btQuoteItemInput .btQuoteSlider .ui-slider-handle { background: #0529A3 !important; } /* Custom class Delivery Cost Calculator */ .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteItem { padding: 0; margin-bottom: 1em; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteItem label { float: none; margin: 0; font-size: .8em; font-weight: 500; color: #fff; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteItem.btCostCalculatorFirstItem { padding-right: 1em; -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteItem.btCostCalculatorSecondItem { padding-right: 1em; -webkit-flex: 1 0 55%; -ms-flex: 1 0 55%; flex: 1 0 55%; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteItem.btCostCalculatorThirdItem { padding-top: .4em; -webkit-flex: 1 0 5%; -ms-flex: 1 0 5%; flex: 1 0 5%; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteSwitch { border: 2px solid #fff; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteSwitch .btQuoteSwitchInner { background: #fff; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btQuoteSwitch.on .btQuoteSwitchInner { background: #fff; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btTotalNextWrapper { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btTotalNextWrapper .btQuoteTotal { background: transparent !important; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btTotalNextWrapper .btQuoteTotalText { font-size: 1.8em; font-weight: 300; text-transform: initial; margin-right: 0; margin-left: .2em; color: #181818; } .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btTotalNextWrapper .btQuoteTotalCurrency, .btQuoteBooking.btDeliveryCostCalculator .btQuoteBookingForm .btTotalNextWrapper .btQuoteTotalCalc { background-color: transparent; color: #fff; font-weight: 300; font-size: 2em; padding: 0; padding-left: .5em; } @media (max-width: 780px) { .btDeliveryCostCalculator.btQuoteBooking .btQuoteBookingForm { display: block !important; } } /* Item lock */ .btQuoteItem.btCCLock { position: relative; } .btQuoteItem.btCCLock:before { content: ' '; position: absolute; top: -10px; bottom: -10px; left: 0; right: 0; background: transparent; z-index: 999; } /* Transfer Quote total to Flex -------------------------------------------*/ .btQuoteBooking .btTotalNextWrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto !important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-right: 0 !important; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: initial; } .btQuoteBooking .btTotalNextWrapper:after { display: none; } .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper { padding-right: 0 !important; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn { -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; width: 160px; max-width: 160px; } .btQuoteBooking .btQuoteBookingForm .boldBtn { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 0 1 0; -ms-flex: 0 1 0; flex: 0 1 0; float: none; margin-right: 0 !important; margin-left: 0 !important; width: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; max-width: 0; } .btQuoteBooking .btContactNext { -webkit-transform: translate(160px,0); -moz-transform: translate(160px,0); -ms-transform: translate(160px,0); transform: translate(160px,0); } .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; float: none; } .btQuoteBooking .btQuoteTotalText { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } /*.btQuoteBooking .btQuoteContact:not(.btQuoteContactForm7) { margin: 0 -10px 0px -10px; }*/ /* Transfer Quote total to Flex, responsive -------------------------------------------*/ @media (max-width: 440px) { .btQuoteBooking .btTotalNextWrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn, .btQuoteBooking .btQuoteBookingForm .boldBtn { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; max-width: 100%; padding-top: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext, .btQuoteBooking .btQuoteBookingForm .btContactNext { width: 100%; } .btQuoteBooking .btQuoteBookingForm .btContactNext { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } } /* Paypal button -------------------------------------------*/ .btPayPalButton { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; margin-right: auto; height: 38px; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; margin-left: 30px; } @media (max-width: 1400px) { /* Typography breakpoint start 1350 */ .bt_bb_size_extralarge.bt_bb_headline h1, .bt_bb_size_extralarge.bt_bb_headline h2, .bt_bb_size_extralarge.bt_bb_headline h3, .bt_bb_size_extralarge.bt_bb_headline h4, .bt_bb_size_extralarge.bt_bb_headline h5, .bt_bb_size_extralarge.bt_bb_headline h6 { font-size: 4.5rem; } .bt_bb_size_large.bt_bb_headline h1, .bt_bb_size_large.bt_bb_headline h2, .bt_bb_size_large.bt_bb_headline h3, .bt_bb_size_large.bt_bb_headline h4, .bt_bb_size_large.bt_bb_headline h5, .bt_bb_size_large.bt_bb_headline h6 { font-size: 3.5rem; } body { font-size: 15px; } /* /Typography breakpoint */ } @media (max-width: 1199px) { /* Typography breakpoint start 1200 */ .bt_bb_size_huge.bt_bb_headline h1, .bt_bb_size_huge.bt_bb_headline h2, .bt_bb_size_huge.bt_bb_headline h3, .bt_bb_size_huge.bt_bb_headline h4, .bt_bb_size_huge.bt_bb_headline h5, .bt_bb_size_huge.bt_bb_headline h6 { font-size: 4rem; } .bt_bb_size_extralarge.bt_bb_headline h1, .bt_bb_size_extralarge.bt_bb_headline h2, .bt_bb_size_extralarge.bt_bb_headline h3, .bt_bb_size_extralarge.bt_bb_headline h4, .bt_bb_size_extralarge.bt_bb_headline h5, .bt_bb_size_extralarge.bt_bb_headline h6 { font-size: 3.5rem; } .bt_bb_size_large.bt_bb_headline h1, .bt_bb_size_large.bt_bb_headline h2, .bt_bb_size_large.bt_bb_headline h3, .bt_bb_size_large.bt_bb_headline h4, .bt_bb_size_large.bt_bb_headline h5, .bt_bb_size_large.bt_bb_headline h6 { font-size: 3rem; } body { font-size: 14px; } blockquote:before { left: 0; } .bt_bb_align_left .bt_bb_align_centerblockquote:before,.bt_bb_align_right .bt_bb_align_centerblockquote:before,.bt_bb_align_left .bt_bb_align_center blockquote:before,.bt_bb_align_right .bt_bb_align_center blockquote:before,.bt_bb_align_centerblockquote:before,.bt_bb_align_center blockquote:before { left: 50%; } .bt_bb_align_right .bt_bb_align_leftblockquote:before,.bt_bb_align_center .bt_bb_align_leftblockquote:before,.bt_bb_align_right .bt_bb_align_left blockquote:before,.bt_bb_align_center .bt_bb_align_left blockquote:before,.bt_bb_align_leftblockquote:before,.bt_bb_align_left blockquote:before { left: 0 !important; } .bt_bb_align_left .bt_bb_align_rightblockquote:before,.bt_bb_align_center .bt_bb_align_rightblockquote:before,.bt_bb_align_left .bt_bb_align_right blockquote:before,.bt_bb_align_center .bt_bb_align_right blockquote:before,.bt_bb_align_rightblockquote:before,.bt_bb_align_right blockquote:before { left: 0 !important; } } @media (max-width: 360px) { /* Typography breakpoint start 360 */ .bt_bb_size_huge.bt_bb_headline h1, .bt_bb_size_huge.bt_bb_headline h2, .bt_bb_size_huge.bt_bb_headline h3, .bt_bb_size_huge.bt_bb_headline h4, .bt_bb_size_huge.bt_bb_headline h5, .bt_bb_size_huge.bt_bb_headline h6 { font-size: 3rem; } .bt_bb_size_extralarge.bt_bb_headline h1, .bt_bb_size_extralarge.bt_bb_headline h2, .bt_bb_size_extralarge.bt_bb_headline h3, .bt_bb_size_extralarge.bt_bb_headline h4, .bt_bb_size_extralarge.bt_bb_headline h5, .bt_bb_size_extralarge.bt_bb_headline h6 { font-size: 2.5rem; } .bt_bb_size_large.bt_bb_headline h1, .bt_bb_size_large.bt_bb_headline h2, .bt_bb_size_large.bt_bb_headline h3, .bt_bb_size_large.bt_bb_headline h4, .bt_bb_size_large.bt_bb_headline h5, .bt_bb_size_large.bt_bb_headline h6 { font-size: 2rem; } body { font-size: 13px; } /* Typography breakpoint */ .btMenuVertical .mainHeader { width: 260px; } .btMenuVerticalLeft.btMenuVerticalOn .btContentWrap, .btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop, .btMenuVerticalLeft.btMenuVerticalOn .btSiteFooter { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); } .rtl.btMenuVerticalLeft.btMenuVerticalOn .btContentWrap, .rtl.btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop, .rtl.btMenuVerticalLeft.btMenuVerticalOn .btSiteFooter { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); transform: translateX(-260px); } .btMenuVerticalRight.btMenuVerticalOn .btContentWrap { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); transform: translateX(-260px); } .btMenuVerticalLeft.btMenuVertical.btStickyHeaderActive.btMenuVerticalOn.btStickyHeaderOpen .btVerticalHeaderTop { -webkit-transform: translateX(260px) !important; -moz-transform: translateX(260px) !important; -ms-transform: translateX(260px) !important; transform: translateX(260px) !important; } } @media (max-width: 1199px) { .widget_shopping_cart .buttons .button { width: 100%; } .widget_shopping_cart .buttons .button.checkout { margin-top: 10px; } } @media (max-width: 992px) { .col2-set .col-1, .col2-set .col-2, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { float: none; -webkit-flex-basis: 100%; flex-basis: 100%; display: block; width: 100%; } ul.products li.product { -webkit-flex-basis: 50% !important; flex-basis: 50% !important; } table.shop_table input[name="update_cart"] { width: auto; } } @media (max-width: 768px) { div.product { display: block; } div.product div.summary, div.product div.images { text-align: center; margin-bottom: 2rem; padding: 0; } div.product div.summary .price { text-align: center; margin-bottom: 2rem; } div.product form.cart { text-align: center; margin-bottom: 2rem; } table.shop_table button[name="apply_coupon"] { margin-bottom: 1em; } } @media (max-width: 620px) { ul.products li.product { -webkit-flex-basis: 100% !important; flex-basis: 100% !important; } table.shop_table_responsive { display: block; } table.shop_table_responsive tbody th, table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody { display: block; width: 100% !important; } table.shop_table_responsive tr, table.shop_table_responsive th { display: block; width: 100% !important; border-bottom: 1px solid #181818; margin-bottom: 2em; padding-bottom: 2em; } .btDarkSkin table.shop_table_responsive tr, .bt-dark-skin table.shop_table_responsive tr, .btLightSkin .btDarkSkin table.shop_table_responsive tr, .btDarkSkin.btLightSkin .btDarkSkin table.shop_table_responsive tr, .btDarkSkin table.shop_table_responsive th, .bt-dark-skin table.shop_table_responsive th, .btLightSkin .btDarkSkin table.shop_table_responsive th, .btDarkSkin.btLightSkin .btDarkSkin table.shop_table_responsive th { border-bottom: 1px solid #fff; } table.shop_table_responsive tr td, table.shop_table_responsive th td { display: block; width: 100% !important; clear: left; text-align: center !important; word-break: break-word; border: none; padding: .5em 0 0; } table.shop_table_responsive tr td.product-remove, table.shop_table_responsive th td.product-remove { padding: .5em; text-align: center; } table.shop_table_responsive tr td:not(.product-remove):not(.product-thumbnail):not(.actions):before, table.shop_table_responsive th td:not(.product-remove):not(.product-thumbnail):not(.actions):before { content: attr(data-title) ": "; font-weight: 700; } table.shop_table_responsive tr td.product-thumbnail img, table.shop_table_responsive th td.product-thumbnail img { width: 100%; } .cart-collaterals { display: block; } table.shop_table .coupon { display: block; } table.shop_table .coupon input[name="coupon_code"] { margin-bottom: 1em; } table.shop_table .coupon button[name="apply_coupon"] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } table.shop_table input[name="update_cart"] { margin-top: 1em; float: none; width: 100%; } } html[data-useragent*='OS 7'] .bt_bb_section.bt_bb_full_screen > .bt_bb_port { min-height: initial; } .job_filters { background: transparent; } .job_filters .search_jobs { padding: 0; } .job_filters .chosen-container { font-size: inherit; } .job_filters .chosen-container-single .chosen-single { height: 3.2em; line-height: 3.2em; padding: 0 .8em; border-radius: 0; background: transparent; border: 1px solid rgba(0,0,0,.1); } .job_filters ul.job_types { background: transparent; border: none; } .job_filters ul.job_types li { border: none; } ul.job_listings { background: transparent; padding-top: 4em; } ul.job_listings li.job_listing { background: transparent; } ul.job_listings li.job_listing a { background: transparent; padding: 1.5em; color: inherit; display: -ms-flexbox; display: -webkit-flex; display: flex; } ul.job_listings li.job_listing a:hover { background: transparent; } ul.job_listings li.job_listing a:hover h3, ul.job_listings li.job_listing a:hover div.position .company { color: #FFAE02; } ul.job_listings li.job_listing a img.company_logo { -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; width: initial; height: initial; position: relative; left: initial; float: none; } ul.job_listings li.job_listing a div.position { -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; padding-left: 0; width: initial; float: none; } ul.job_listings li.job_listing a div.position h3 { font-size: 1.5em; } ul.job_listings li.job_listing a div.position .company { color: inherit; margin-top: 1em; opacity: .7; } ul.job_listings li.job_listing a div.position .company .tagline { display: block; margin-left: 0; } ul.job_listings li.job_listing a div.location { -webkit-flex: 1 0 10%; -ms-flex: 1 0 10%; flex: 1 0 10%; color: inherit; width: initial; text-align: inherit; float: none; } ul.job_listings li.job_listing a ul.meta { -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; color: inherit; width: initial; float: none; } ul.job_listings li.job_listing a ul.meta li.date { font-size: .8em; opacity: .7; } ul.job_listings li.job_listing.job_position_featured a { background: white; } ul.job_listings li.job_listing.job_position_featured a:hover { background: white; } ul.job_listings li.job_listing.job_position_featured a:focus { background: white; } ul.job_listings li.job_listing .job-type.full-time { color: #0529A3; } ul.job_listings li.job_listing .job-type { color: #FFAE02; } article.job_listing .meta .job-type { background-color: #FFAE02; } .single_job_listing .job_application input.application_button { border-radius: 50px; background: #FFAE02; cursor: pointer; margin-left: 25%; width: 40%; } @media only screen and (max-width: 767px) { ul.job_listings li.job_listing a { display: block; } ul.job_listings li.job_listing a img.company_logo { visibility: visible; } ul.job_listings li.job_listing a div.position { margin: 1em 0 0; } ul.job_listings li.job_listing a div.location { margin: 1em 0 0; padding: 0; font-size: inherit; } ul.job_listings li.job_listing a ul.meta { margin: 1em 0 0; padding: 0; font-size: inherit; text-align: left; } } .single_job_listing .company { min-height: 3em; } .single_job_listing .company .name, .single_job_listing .company .tagline { margin: 0; padding: 0; } .single_job_listing .company p:empty { display: none; } .rp4wp-related-job_listing > ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a { background: transparent; border: 1px solid #FFAE02; } /* Job Custom Search */ .bt_bb_job_listings label { display: none; } .bt_bb_job_listings .bt_bb_job_listings_inner { display: -ms-flexbox; display: -webkit-flex; display: flex; } .bt_bb_job_listings .bt_bb_job_listings_inner .bt_bb_job_listings_keywords { padding-right: .5em; padding-bottom: .5em; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } .bt_bb_job_listings .bt_bb_job_listings_inner .bt_bb_job_listings_keywords input { background: white; } .bt_bb_job_listings .bt_bb_job_listings_inner .bt_bb_job_listings_location { padding-left: .5em; padding-bottom: .5em; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } .bt_bb_job_listings .bt_bb_job_listings_inner .bt_bb_job_listings_location input { background: white; } .bt_bb_job_listings .bt_bb_job_listings_category { padding-bottom: .5em; } .bt_bb_job_listings .bt_bb_job_listings_category .bt_bb_search_category { background: white; } .bt_bb_job_listings .bt_bb_job_listings_types { display: -ms-flexbox; display: -webkit-flex; display: flex; padding-bottom: .5em; } .bt_bb_job_listings .bt_bb_job_listings_types ul.bt_bb_job_types { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0; } .bt_bb_job_listings .bt_bb_job_listings_types ul.bt_bb_job_types li { list-style: none; padding: .5em 1em; float: left; } .bt_bb_job_listings .bt_bb_job_listings_types ul.bt_bb_job_types li label { display: block; } .bt_bb_job_listings .bt_bb_job_listings_submit { margin-left: 33%; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: .5em; padding-bottom: 1em; width: 100%; } .bt_bb_job_listings .bt_bb_job_listings_submit input { -webkit-flex: 0 0 33.3%; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; background: #FFAE02; cursor: pointer; } .btHardRoundedButtons .bt_bb_job_listings .bt_bb_job_listings_submit input { border-radius: 3px; } .btHardRoundedButtons .bt_bb_job_listings .bt_bb_job_listings_submit input { border-radius: 50px; } @media (max-width: 780px) { .bt_bb_job_listings_inner { display: block !important; } .bt_bb_job_listings_inner .bt_bb_job_listings_keywords { padding-right: 0 !important; } .bt_bb_job_listings_inner .bt_bb_job_listings_location { padding-left: 0 !important; } } /* Separator - WordPress 6.0 */ html :where(.has-border-color), html :where([style*=border-width]) { border: none; } /* Gutenberg */ .wp-block-separator { margin: 1em auto; max-width: 100px; } .wp-block-separator.is-style-wide { max-width: 100%; } .wp-block-gallery { margin: 0; } p.has-drop-cap:not(:focus):first-letter { float: left; font-size: 8.4rem; line-height: .9; font-weight: 800; } .has-large-font-size { line-height: 1 !important; } .wp-block-quote p { font-size: 1em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.3em; } .wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite { text-align: center; } .wp-block-file .wp-block-file__button { border-radius: none; } .btSoftRoundedButtons .wp-block-file .wp-block-file__button { border-radius: 3px; } .btHardRoundedButtons .wp-block-file .wp-block-file__button { border-radius: 50px; } p.has-background { border-radius: none; } .btSoftRoundedButtons p.has-background { border-radius: 3px; } .btHardRoundedButtons p.has-background { border-radius: 3px; } .wp-block-button__link { font-size: .9em; padding: .8em 2.2em; font-weight: 500; }