/* Table of contents */ /* 0. Fonts /* 1. General /* 2. Layout /* 3. Typography /* 4. #header-top /* 5. #header /* 6. #main-navigation /* 7. #banner /* 8. #page-top /* 9. #page /* 10. #page-bottom /* 11. #footer /* 12. #subfooter /* 13. Components /* 14. Drupal styles overrides /* 15. Responsive Styles */ /* 0. Fonts _______________________________________________________________________*/ /* Fonts families */ body.pff-1, .pff-1 input, .pff-1 #main .node .field-type-taxonomy-term-reference label, .pff-1 #comments h2, .pff-1 textarea, .pff-1 select { font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; } body.pff-2, .pff-2 input, .pff-2 #main .node .field-type-taxonomy-term-reference label, .pff-2 #comments h2, .pff-2 textarea, .pff-2 select { font-family: 'Ubuntu', Helvetica Neue, Arial, Sans-serif; } body.pff-3, .pff-3 input, .pff-3 #main .node .field-type-taxonomy-term-reference label, .pff-3 #comments h2, .pff-3 textarea, .pff-3 select { font-family: 'PT Sans', Helvetica Neue, Arial, Sans-serif; } body.pff-4, .pff-4 input, .pff-4 #main .node .field-type-taxonomy-term-reference label, .pff-4 #comments h2, .pff-4 textarea, .pff-4 select { font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; } body.pff-5, .pff-5 input, .pff-5 #main .node .field-type-taxonomy-term-reference label, .pff-5 #comments h2, .pff-5 textarea, .pff-5 select { font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; } body.pff-6, .pff-6 input, .pff-6 #main .node .field-type-taxonomy-term-reference label, .pff-6 #comments h2, .pff-6 textarea, .pff-6 select { font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; } body.pff-7, .pff-7 input, .pff-7 #main .node .field-type-taxonomy-term-reference label, .pff-7 #comments h2, .pff-7 textarea, .pff-7 select { font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif; } body.pff-8, .pff-8 input, .pff-8 #main .node .field-type-taxonomy-term-reference label, .pff-8 #comments h2, .pff-8 textarea, .pff-8 select { font-family: 'Exo', Helvetica Neue, Arial, Sans-serif; } body.pff-9, .pff-9 input, .pff-9 #main .node .field-type-taxonomy-term-reference label, .pff-9 #comments h2, .pff-9 textarea, .pff-9 select { font-family: 'Roboto Slab', Trebuchet MS, Sans-serif; } body.pff-10, .pff-10 input, .pff-10 #main .node .field-type-taxonomy-term-reference label, .pff-10 #comments h2, .pff-10 textarea, .pff-10 select { font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif; } body.pff-11, .pff-11 input, .pff-11 #main .node .field-type-taxonomy-term-reference label, .pff-11 #comments h2, .pff-11 textarea, .pff-11 select { font-family: 'Josefin Sans', Georgia, Times New Roman, Serif; } body.pff-12, .pff-12 input, .pff-12 #main .node .field-type-taxonomy-term-reference label, .pff-12 #comments h2, .pff-12 textarea, .pff-12 select { font-family: Georgia, Times New Roman, Serif; } body.pff-13, .pff-13 input, .pff-13 #main .node .field-type-taxonomy-term-reference label, .pff-13 #comments h2, .pff-13 textarea, .pff-13 select { font-family: 'Merriweather', Georgia, Times New Roman, Serif; } body.pff-14, .pff-14 input, .pff-14 #main .node .field-type-taxonomy-term-reference label, .pff-14 #comments h2, .pff-14 textarea, .pff-14 select { font-family: 'Playfair Display', Times New Roman, Serif; } body.pff-15, .pff-15 input, .pff-15 #main .node .field-type-taxonomy-term-reference label, .pff-15 #comments h2, .pff-15 textarea, .pff-15 select { font-family: 'Philosopher', Georgia, Times New Roman, Serif; } body.pff-16, .pff-16 input, .pff-16 #main .node .field-type-taxonomy-term-reference label, .pff-16 #comments h2, .pff-16 textarea, .pff-16 select { font-family: 'Cinzel', Georgia, Times New Roman, Serif; } .hff-1 h1,.hff-1 h2,.hff-1 h3,.hff-1 h4,.hff-1 h5,.hff-1 h6, .sff-1 #site-name, .slff-1 #site-slogan { font-family: 'Oswald', Helvetica Neue, Arial, Sans-serif; text-transform: uppercase; } .hff-2 h1,.hff-2 h2,.hff-2 h3,.hff-2 h4,.hff-2 h5,.hff-2 h6, .sff-2 #site-name, .slff-2 #site-slogan { font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; } .hff-3 h1,.hff-3 h2,.hff-3 h3,.hff-3 h4,.hff-3 h5,.hff-3 h6, .sff-3 #site-name, .slff-3 #site-slogan { font-family: 'Ubuntu', Helvetica Neue, Arial, Sans-serif; } .hff-4 h1,.hff-4 h2,.hff-4 h3,.hff-4 h4,.hff-4 h5,.hff-4 h6, .sff-4 #site-name, .slff-4 #site-slogan { font-family: 'PT Sans', Helvetica Neue, Arial, Sans-serif; } .hff-5 h1,.hff-5 h2,.hff-5 h3,.hff-5 h4,.hff-5 h5,.hff-5 h6, .sff-5 #site-name, .slff-5 #site-slogan { font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; } .hff-6 h1,.hff-6 h2,.hff-6 h3,.hff-6 h4,.hff-6 h5,.hff-6 h6, .sff-6 #site-name, .slff-6 #site-slogan { font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; } .hff-7 h1,.hff-7 h2,.hff-7 h3,.hff-7 h4,.hff-7 h5,.hff-7 h6, .sff-7 #site-name, .slff-7 #site-slogan { font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; } .hff-8 h1,.hff-8 h2,.hff-8 h3,.hff-8 h4,.hff-8 h5,.hff-8 h6, .sff-8 #site-name, .slff-8 #site-slogan { font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif; } .hff-9 h1,.hff-9 h2,.hff-9 h3,.hff-9 h4,.hff-9 h5,.hff-9 h6, .sff-9 #site-name, .slff-9 #site-slogan { font-family: 'Exo', Helvetica Neue, Arial, Sans-serif; } .hff-10 h1,.hff-10 h2,.hff-10 h3,.hff-10 h4,.hff-10 h5,.hff-10 h6, .sff-10 #site-name, .slff-10 #site-slogan { font-family: 'Roboto Slab', Trebuchet MS, Sans-serif; } .hff-11 h1,.hff-11 h2,.hff-11 h3,.hff-11 h4,.hff-11 h5,.hff-11 h6, .sff-11 #site-name, .slff-11 #site-slogan { font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif; } .hff-12 h1,.hff-12 h2,.hff-12 h3,.hff-12 h4,.hff-12 h5,.hff-12 h6, .sff-12 #site-name, .slff-12 #site-slogan { font-family: 'Josefin Sans', Georgia, Times New Roman, Serif; } .hff-13 h1,.hff-13 h2,.hff-13 h3,.hff-13 h4,.hff-13 h5,.hff-13 h6, .sff-13 #site-name, .slff-13 #site-slogan { font-family: Georgia, Times New Roman, Serif; } .hff-14 h1,.hff-14 h2,.hff-14 h3,.hff-14 h4,.hff-14 h5,.hff-14 h6, .sff-14 #site-name, .slff-14 #site-slogan { font-family: 'Merriweather', Georgia, Times New Roman, Serif; } .hff-15 h1,.hff-15 h2,.hff-15 h3,.hff-15 h4,.hff-15 h5,.hff-15 h6, .sff-15 #site-name, .slff-15 #site-slogan { font-family: 'Playfair Display', Times New Roman, Serif; } .hff-16 h1,.hff-16 h2,.hff-16 h3,.hff-16 h4,.hff-16 h5,.hff-16 h6, .sff-16 #site-name, .slff-16 #site-slogan { font-family: 'Philosopher', Georgia, Times New Roman, Serif; } .hff-17 h1,.hff-17 h2,.hff-17 h3,.hff-17 h4,.hff-17 h5,.hff-17 h6, .sff-17 #site-name, .slff-17 #site-slogan { font-family: 'Playfair Display SC', Georgia, Times New Roman, Serif; } .hff-18 h1,.hff-18 h2,.hff-18 h3,.hff-18 h4,.hff-18 h5,.hff-18 h6, .sff-18 #site-name, .slff-18 #site-slogan { font-family: 'Cinzel', Georgia, Times New Roman, Serif; } .hff-1 #main-navigation .content li, .hff-1 th, .hff-1 #sibebar .views-field-subject, .hff-1 #sidebar .views-field-subject a, .hff-1 #sibebar .views-field-title, .hff-1 #sidebar .views-field-title a, .hff-1 #image-listing-title, .shff-1 .flex-caption h2 { font-family: 'Oswald', Helvetica Neue, Arial, Sans-serif; text-transform: uppercase; } .hff-2 #main-navigation .content li, .hff-2 th, .hff-2 #sibebar .views-field-subject, .hff-2 #sidebar .views-field-subject a, .hff-2 #sibebar .views-field-title, .hff-2 #sidebar .views-field-title a, .hff-2 #image-listing-title, .shff-2 .flex-caption h2 { font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; } .hff-3 #main-navigation .content li, .hff-3 th, .hff-3 #sibebar .views-field-subject, .hff-3 #sidebar .views-field-subject a, .hff-3 #sibebar .views-field-title, .hff-3 #sidebar .views-field-title a, .hff-3 #image-listing-title, .shff-3 .flex-caption h2 { font-family: 'Ubuntu', Helvetica Neue, Arial, Sans-serif; } .hff-4 #main-navigation .content li, .hff-4 th, .hff-4 #sibebar .views-field-subject, .hff-4 #sidebar .views-field-subject a, .hff-4 #sibebar .views-field-title, .hff-4 #sidebar .views-field-title a, .hff-4 #image-listing-title, .shff-4 .flex-caption h2 { font-family: 'PT Sans', Helvetica Neue, Arial, Sans-serif; } .hff-5 #main-navigation .content li, .hff-5 th, .hff-5 #sibebar .views-field-subject, .hff-5 #sidebar .views-field-subject a, .hff-5 #sibebar .views-field-title, .hff-5 #sidebar .views-field-title a, .hff-5 #image-listing-title, .shff-5 .flex-caption h2 { font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; } .hff-6 #main-navigation .content li, .hff-6 th, .hff-6 #sibebar .views-field-subject, .hff-6 #sidebar .views-field-subject a, .hff-6 #sibebar .views-field-title, .hff-6 #sidebar .views-field-title a, .hff-6 #image-listing-title, .shff-6 .flex-caption h2 { font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; } .hff-7 #main-navigation .content li, .hff-7 th, .hff-7 #sibebar .views-field-subject, .hff-7 #sidebar .views-field-subject a, .hff-7 #sibebar .views-field-title, .hff-7 #sidebar .views-field-title a, .hff-7 #image-listing-title, .shff-7 .flex-caption h2 { font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; } .hff-8 #main-navigation .content li, .hff-8 th, .hff-8 #sibebar .views-field-subject, .hff-8 #sidebar .views-field-subject a, .hff-8 #sibebar .views-field-title, .hff-8 #sidebar .views-field-title a, .hff-8 #image-listing-title, .shff-8 .flex-caption h2 { font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif; } .hff-9 #main-navigation .content li, .hff-9 th, .hff-9 #sibebar .views-field-subject, .hff-9 #sidebar .views-field-subject a, .hff-9 #sibebar .views-field-title, .hff-9 #sidebar .views-field-title a, .hff-9 #image-listing-title, .shff-9 .flex-caption h2 { font-family: 'Exo', Helvetica Neue, Arial, Sans-serif; } .hff-10 #main-navigation .content li, .hff-10 th, .hff-10 #sibebar .views-field-subject, .hff-10 #sidebar .views-field-subject a, .hff-10 #sibebar .views-field-title, .hff-10 #sidebar .views-field-title a, .hff-10 #image-listing-title, .shff-10 .flex-caption h2 { font-family: 'Roboto Slab', Trebuchet MS, Sans-serif; } .hff-11 #main-navigation .content li, .hff-11 th, .hff-11 #sibebar .views-field-subject, .hff-11 #sidebar .views-field-subject a, .hff-11 #sibebar .views-field-title, .hff-11 #sidebar .views-field-title a, .hff-11 #image-listing-title, .shff-11 .flex-caption h2 { font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif; } .hff-12 #main-navigation .content li, .hff-12 th, .hff-12 #sibebar .views-field-subject, .hff-12 #sidebar .views-field-subject a, .hff-12 #sibebar .views-field-title, .hff-12 #sidebar .views-field-title a, .hff-12 #image-listing-title, .shff-12 .flex-caption h2 { font-family: 'Josefin Sans', Georgia, Times New Roman, Serif; } .hff-13 #main-navigation .content li, .hff-13 th, .hff-13 #sibebar .views-field-subject, .hff-13 #sidebar .views-field-subject a, .hff-13 #sibebar .views-field-title, .hff-13 #sidebar .views-field-title a, .hff-13 #image-listing-title, .shff-13 .flex-caption h2 { font-family: Georgia, Times New Roman, Serif; } .hff-14 #main-navigation .content li, .hff-14 th, .hff-14 #sibebar .views-field-subject, .hff-14 #sidebar .views-field-subject a, .hff-14 #sibebar .views-field-title, .hff-14 #sidebar .views-field-title a, .hff-14 #image-listing-title, .shff-14 .flex-caption h2 { font-family: 'Merriweather', Georgia, Times New Roman, Serif; } .hff-15 #main-navigation .content li, .hff-15 th, .hff-15 #sibebar .views-field-subject, .hff-15 #sidebar .views-field-subject a, .hff-15 #sibebar .views-field-title, .hff-15 #sidebar .views-field-title a, .hff-15 #image-listing-title, .shff-15 .flex-caption h2 { font-family: 'Playfair Display', Times New Roman, Serif; } .hff-16 #main-navigation .content li, .hff-16 th, .hff-16 #sibebar .views-field-subject, .hff-16 #sidebar .views-field-subject a, .hff-16 #sibebar .views-field-title, .hff-16 #sidebar .views-field-title a, .hff-16 #image-listing-title, .shff-16 .flex-caption h2 { font-family: 'Philosopher', Georgia, Times New Roman, Serif; } .hff-17 #main-navigation .content li, .hff-17 th, .hff-17 #sibebar .views-field-subject, .hff-17 #sidebar .views-field-subject a, .hff-17 #sibebar .views-field-title, .hff-17 #sidebar .views-field-title a, .hff-17 #image-listing-title, .shff-17 .flex-caption h2 { font-family: 'Playfair Display SC', Georgia, Times New Roman, Serif; } .hff-18 #main-navigation .content li, .hff-18 th, .hff-18 #sibebar .views-field-subject, .hff-18 #sidebar .views-field-subject a, .hff-18 #sibebar .views-field-title, .hff-18 #sidebar .views-field-title a, .hff-18 #image-listing-title, .shff-18 .flex-caption h2 { font-family: 'Cinzel', Georgia, Times New Roman, Serif; } .maintenance-page h1, .maintenance-page #site-name { font-family: 'Oswald', Helvetica Neue, Arial, Sans-serif; text-transform: uppercase; } body.maintenance-page, .maintenance-page #site-slogan { font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; } .bold-headings h1, .bold-headings h2, .bold-headings h3, .bold-headings h4, .bold-headings h5, .bold-headings h6, .bold-headings #site-name, .bold-headings #site-slogan, .bold-headings #main-navigation .content li, .bold-headings th, .bold-headings #sibebar .views-field-subject, .bold-headings #sidebar .views-field-subject a, .bold-headings #sibebar .views-field-title, .bold-headings #sidebar .views-field-title a, .bold-headings #image-listing-title, .bold-headings .flex-caption h2 { font-weight:bold; } /* 1. General _______________________________________________________________________*/ #page-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-size: 14px; line-height: 140%; color: #000000; font-weight: 400; outline: 0 none; vertical-align: baseline; margin: 0; padding: 0; } img { border: none; outline: none; max-width: 100%; height: auto; } .bordered { border-top:5px solid #000000; border-bottom: 1px solid #c5c5c5; margin: 20px 0; padding: 5px 0;} /* 2. Layout _______________________________________________________________________*/ #header-top{ background: #2e2e2e; color: #b7b7b7; margin-bottom: 40px; min-height: 41px; } #header-top-left { min-height: 41px; } #header-top-right { min-height: 41px; } #header { margin: 40px 0 25px 0;} .no-banner #main-navigation, #banner { margin-bottom: 30px; } .front #page-top { margin:0 0 20px 0; } .front #page-top-inside { border-bottom: 1px solid #000000; } #page-top { margin:40px 0 25px; } .front #page { margin-top: 40px; } .front #main { margin-bottom: 25px; } #page { margin-top: 25px; } #main { margin-bottom: 50px;} #main .node { margin: 0 0 40px 0; } #main .node .content { border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; padding-bottom: 10px; } .page-node- #main .node .content { padding-bottom: 0; border: none; } #sidebar { padding: 15px 0 50px 0; } .front #sidebar { padding-top:0; } #page-bottom-inside { padding: 35px 0 15px 0; border-top: 4px solid #000000; } #footer-inside { padding: 35px 0 15px 0; } #subfooter-inside { padding: 20px 0 5px 0; } .block { padding: 0 0 35px 0; } .block.block-superfish, #header-top .block, #banner-inside .block, #block-system-main.block { padding:0; } #header .block, #promoted .block, #page-top-inside .block, #subfooter-inside .block { padding: 0 0 15px 0; } #sidebar .block { padding: 0 0 55px 0; } /* 3. Typography _______________________________________________________________________*/ h1, h2, h3, h4, h5, h6 { color: #000000; line-height: 140%; font-weight:normal; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color: #000000; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #ce5828; text-decoration: none; } h1 { font-size: 37px; letter-spacing: -1px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 16px; } #footer h2 { color: #ffffff; font-size: 22px; } #sidebar h2 { font-size: 22px; } #page-bottom h2 { padding: 0 0 22px 60px; margin: 0; font-size:15px; line-height: 120%; } a, .twitter-status a { color: #ce5828; text-decoration: none; outline: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } a:hover, .twitter-status a:hover { text-decoration: underline; } ol { list-style: decimal; margin: 1em 0; padding: 0 0 0 30px; } ul { list-style: square; margin: 1em 0; padding: 0 0 0 30px; } .item-list ul { margin: 0 0 0.75em 1.25em; } .item-list ul li { margin: 0 0 0.25em 0.25em; } ol ul, ul ol, ul ul, ol ol { margin: 0; } #page ul li.collapsed, #page-bottom ul li.collapsed { list-style-image: url(images/block-menu-collapsed.png); list-style-position:inside; } #page ul li.expanded, #page-bottom ul li.expanded { list-style-image: url(images/block-menu-expanded.png); list-style-position:inside; } #footer ul li.collapsed, #subfooter ul li.collapsed { list-style-image: url(images/footer-block-menu-collapsed.png); list-style-position:inside; } #footer ul li.expanded, #subfooter ul li.expanded { list-style-image: url(images/footer-block-menu-expanded.png); list-style-position:inside; } code, pre { display: block; border: none; border-left: 10px solid #d3d1cd; background: #F3F3F3; font-size: 12px; line-height: 200%; color: #555; margin: 20px 0 30px 60px; padding: 15px; font-family: 'Source Code Pro', Consolas, Monaco, Courier; } code { white-space: nowrap; } pre { word-wrap: break-word; word-break: break-all; white-space: pre; white-space: pre-wrap; } fieldset { display: block; margin: 2px; padding: 10px; border: 1px solid #000000; } fieldset legend { padding: 0 5px; } .small { font-size: 10px; line-height: 150%; } ::-moz-selection { background-color: #ce5828; color: #ffffff; } ::selection { background-color: #ce5828; color: #ffffff; } ::-webkit-selection { background-color: #ce5828; color: #ffffff; } ::-webkit-input-placeholder { color: #656565; } :-moz-placeholder { color: #656565; } ::-moz-placeholder { color: #656565; } :-ms-input-placeholder { color: #656565; } .strike { text-decoration: line-through; } /* Tables */ table { border-collapse: collapse; width:100%; border: none; border-bottom: 2px solid #000000; table-layout: fixed;} table th { font-size:16px; background: #2f2f2f; color: #ffffff; vertical-align: top; text-align:left; padding:10px;} table th a, table th a:hover { color:#ffffff; text-decoration:underline; } tr.even, tr.odd { background-color: transparent; border-bottom: none; padding:0; } table td { border-bottom: 1px solid #000000; vertical-align: top; text-align:left; padding:10px; } table td input.form-text { padding: 0 10px; width: 80%; } /* Spacing */ h1,h2,h3,h4,h5,h6, #main .node .field-name-body h2 { margin: 0 0 15px 0; padding-top: 15px; } h1 { border-bottom: 1px solid #c5c5c5; padding: 0 0 4px 0; } dl, table, address, fieldset, figure { margin-bottom: 20px; } blockquote { margin: 30px 0 30px 60px; border-left: 10px solid #cccccc; padding-left: 10px; font-style: italic;} #page-wrapper p { margin: 0 0 20px; } #page-top h1 { border-bottom: none; padding-top: 25px; } #sidebar h2 { border-bottom: 1px solid #c5c5c5; padding: 0 0 9px 0; margin: 0 0 15px 0; } #footer h2 { padding: 0 0 15px 0; margin-bottom: 0; } h2, #main .node .field-name-body h2 { padding-top: 25px; } .bordered h4 { padding-top: 13px; margin: 0 0 11px 0; } h2 span.products-title { margin: 0; padding: 0 35px 0 0; background:#ffffff; } /* Poll */ .poll .title { padding:0 0 10px 0; } .poll .bar .foreground { background:#ce5828; } /* 4. #header-top _______________________________________________________________________*/ #header-top { font-size: 13px; } #header-top a, #header-top h2 { color: #b7b7b7; } #header-top a:hover { color: #fff; text-decoration: none; } #header-top .content ul.menu { list-style: none; margin:0; padding: 12px 20px 0 0; } #header-top .content ul.menu li{ float: left; margin: 0; padding:0; list-style: none; border-bottom: none;} #header-top .content ul.menu li a{ color: #C9C9C9; padding: 0 20px; border-left: 1px solid #939393; } #header-top .content ul.menu li:first-child a { border-left: none; } #header-top .content ul.menu li:last-child a { padding-right: 0; } #header-top .content ul.menu li a:hover{ color: #ffffff; text-decoration: none; } #header-top .content ul.menu ul { display: none; } #header-top-inside .grid_12 { background: #000000; } #header-top-left .content ul { list-style: none; margin: 0; padding: 0;} #header-top-left .content ul li { float: left; margin: 0;} #header-top-left .mail { padding: 11px 45px 11px 60px; background-color: #3d3d3d; background-image: url(images/mail-icon.png); background-repeat: no-repeat; background-position: 20px 50%; } #header-top-left .phone { padding: 11px 55px 11px 44px; background-color: #2e2e2e; background-image: url(images/phone-icon.png); background-repeat: no-repeat; background-position: 20px 50%; } #header-top-right { background-color: #515151 } #header-top .cart-empty-block {padding: 11px 20px 10px;} #header-top .line-item-summary-checkout, #header-top .view-content { display: none; } #header-top .line-item-summary { margin: 0; position: relative; text-align: left; padding-left: 125px; } #header-top .view-footer .line-item-quantity, #header-top .view-footer .line-item-total { float: none; display: inline-block; padding: 11px 10px 11px; font-size: 12px; } #header-top .view-footer .links { float: none; position: absolute; top: 11px; left: 16px; margin: 0; } #header-top .view-footer .links li.line-item-summary-view-cart { padding: 0; margin: 0;} #header-top .view-footer .links li.line-item-summary-view-cart a { border-right: 1px solid #E8E8E8; margin: 0 10px 0 7px; background-image: url(images/cart-icon-gray.png); background-repeat: no-repeat; background-position: 0px 49%; padding: 2px 15px 2px 30px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s;} #header-top .view-footer .links li.line-item-summary-view-cart a:hover { background-image: url(images/cart-icon-white.png); } #header-top .view-footer .line-item-quantity-raw, #header-top .view-footer .line-item-total-raw { color: #ffffff; font-size: 14px; } #header-top .view-footer .line-item-total-raw { font-weight: bold; } #header-top .view-footer .line-item-total-label { font-weight: normal; } #header-top-left ul.company-info { display:inline-block; float:right; } .grid_8 #header-top-left ul.company-info { margin-right:-20px; } /* 5. #header _______________________________________________________________________*/ #logo { display: inline-block; float: left; padding: 0; margin: 0 10px 0 0;} #logo img { -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -ms-transition: all ease 0.2s; transition: all ease 0.2s; } #logo img:hover { opacity: 0.7; filter: alpha(opacity=70); } #site-name { margin: 0 0 2px 5px; } #site-name a { font-size: 34px; font-weight: 700; line-height:100%; color: #000000; vertical-align: top; } #site-name a:hover { text-decoration: none; opacity:0.8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #site-slogan { font-size: 14px; line-height:130%; font-weight: 400; color: #131313; margin: 0 0 0 5px; } /* 6. #main-navigation _______________________________________________________________________*/ #mm0, #main-navigation select {margin: 0px 0 30px; height: 32px; width: 100%; border: 1px solid #000; outline: none; -webkit-appearance: none; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; cursor: pointer; padding: 4px; line-height: 120%; } #main-navigation .content ul { margin: 0 0 3px 0; padding: 0 0 1px 0; border-bottom: 1px solid #000000; width: 100%; } #main-navigation .content ul li { display: inline-block; font-size: 18px; background: none; position: relative; margin: 0; padding: 0; border-bottom: none; list-style: none; } #main-navigation .content ul li a, #main-navigation .content ul li span { color: #000000; padding: 13px 15px 13px 15px; display: block; margin: 0 19px 0 0; background-color: transparent; border: none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} #main-navigation .content ul li a:hover { color: #ffffff; background-color: #000000; text-decoration: none; } #main-navigation .content ul ul { border: none; margin: 1px 0 0 0; padding: 0; position: absolute; display: none; top: 100%; left: 0; z-index: 99; } #main-navigation .content ul ul li { display: block; font-size: 16px; } #main-navigation .content ul ul li a { margin: 0 0 0 0; } #main-navigation .content ul ul ul { border: none; margin: 0 0 0 1px; padding: 0; top: 0; left: 100%!important; display: none; } /*superfish support*/ #main-navigation .sf-arrows .sf-with-ul:after, #main-navigation .sf-arrows > li > .sf-with-ul:focus:after, #main-navigation .sf-arrows > li:hover > .sf-with-ul:after, #main-navigation .sf-arrows > .sfHover > .sf-with-ul:after, #main-navigation .sf-arrows ul .sf-with-ul:after, #main-navigation .sf-arrows ul li > .sf-with-ul:focus:after, #main-navigation .sf-arrows ul li:hover > .sf-with-ul:after, #main-navigation .sf-arrows ul .sfHover > .sf-with-ul:after { border: none; /*reset css arrows*/ } .sf-menu { line-height: 20px; } .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-sub-indicator { display: none;} #main-navigation .sf-menu ul, #main-navigation .content>ul ul { min-width: 12em; /* allow long menu items to determine submenu width */ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; background: none; padding: 0!important; } #main-navigation .block-superfish .content ul.sf-menu li.menuparent > a, #main-navigation .block-superfish .content ul.sf-menu li.menuparent > span, #main-navigation .content>ul li.expanded > a { background-image: url("images/main-menu-arrow.png"); background-repeat: no-repeat; background-position: 95% 50%; } #main-navigation .block-superfish .content ul.sf-menu > li.menuparent > a, #main-navigation .block-superfish .content ul.sf-menu > li.menuparent > span, #main-navigation .content>ul> li.expanded > a { padding: 13px 35px 13px 16px; background-image: url("images/main-menu-arrow-bottom-black.png"); background-repeat: no-repeat; background-position: 95% 50%;} #main-navigation .block-superfish .content ul.sf-menu > li.menuparent > a.active, #main-navigation .content>ul> li.expanded > a.active { background-image: url("images/main-menu-arrow-bottom-orange.png"); background-repeat: no-repeat; background-position: 95% 50%; } #main-navigation .block-superfish .content ul.sf-menu > li.menuparent > a:hover, #main-navigation .block-superfish .content ul.sf-menu > li.menuparent > span:hover, #main-navigation .block-superfish .content ul.sf-menu > li.menuparent.sfHover > a, #main-navigation .content>ul> li.expanded > a:hover { background-image: url("images/main-menu-arrow-bottom-white.png"); background-repeat: no-repeat; background-position: 95% 50%; } #main-navigation .block-superfish .content ul.sf-menu ul li, #main-navigation .content>ul ul li { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.8); background-repeat: repeat; background-position: 0 0; } #main-navigation .block-superfish .content ul.sf-menu>li>ul li a, #main-navigation .content>ul>li>ul li a{ padding-left: 17px; color: #ffffff; background-color:transparent; } #main-navigation .block-superfish .content ul li a:hover, #main-navigation .block-superfish .content ul li span:hover, #main-navigation .block-superfish .content ul.sf-menu li.sfHover>a, #main-navigation .content>ul ul li a:hover { background-color: #000000; color: #ffffff; } #main-navigation .block-superfish .content ul li a.active, #main-navigation .content>ul>li>a.active, #main-navigation ul li a.active { color: #ce5828; } #main-navigation .block-superfish .content ul li a.active:hover, #main-navigation .content>ul>li a.active:hover, #main-navigation .content>ul>li.sfHover>a, #main-navigation ul li a.active:hover { color: #ffffff;} #main-navigation .block-superfish .content ul ul li a.active, #main-navigation .block-superfish .content ul.sf-menu ul li a:hover, #main-navigation .block-superfish .content ul.sf-menu ul li.sfHover>a, #main-navigation .content>ul ul li > a:hover { background-color: #000000; padding-left: 21px; } #main-navigation .block-superfish .content ul.sf-menu ul ul li a, #main-navigation .content>ul ul ul li a{ background-color: transparent; padding-left: 21px; margin-left: 0px; } #main-navigation .block-superfish .content ul ul ul li a:hover, #main-navigation .block-superfish .content ul ul ul li a.active, #main-navigation .block-superfish .content ul.sf-menu ul ul li a:hover, #main-navigation .block-superfish .content ul.sf-menu ul ul li.sfHover>a, #main-navigation .content>ul ul ul li > a:hover { padding-left: 25px; } /* 7. #banner _______________________________________________________________________*/ #main-slider.flexslider { border:none; display:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; margin: 0; } .flexslider ul {list-style: none;} .flexslider li {margin: 0;} #main-slider.flexslider ul.slides { border-bottom: 4px solid #000000; } #main-slider.flexslider .slides > li { position: relative; } #main-slider .flex-caption { width: 410px; padding: 15px 20px 0px 20px; left:0; bottom:0; background: rgba(255,255,255, 0.75); border-bottom: 5px solid #000000; margin:0 0 25px 90px; position: absolute; } #main-slider .flex-caption h2 { padding:0 0 9px 0; margin: 0; font-size: 19px; line-height: 140%; } #main-slider .flex-caption p { margin:0 0 12px 0; line-height: 140%;} #main-slider .flex-caption .more { color: #ffffff; background: #000000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;} #main-slider .flex-caption .more:hover { color: #ffffff; background: rgba(0, 0, 0, 0.8); text-decoration: none;} #main-slider .flex-control-nav { margin:-30px 0 0 -75px; position:absolute; bottom:auto; text-align:right; font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; } #main-slider .flex-control-nav li { margin: 0 2px 0 3px !important; vertical-align:middle; } #main-slider .flex-control-nav li a { height: 10px; width: 35px; border:1px solid #ffffff; outline:none; background:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #main-slider .flex-control-nav li a.flex-active, .flex-control-nav li a:hover { background: #ffffff; border:1px solid #ffffff; } #main-slider .flex-direction-nav li { background-color: rgba(255, 255, 255, 0); width: 61px; height: 99%; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; margin:0; } #main-slider .flex-direction-nav li:last-child { right: 0;} #main-slider.flexslider:hover .flex-direction-nav li { background-color: rgba(255, 255, 255, 0.4); } #main-slider .flex-direction-nav li a { top: 44%; width:61px; height:78px; background: #000000; opacity: 1; filter: alpha(opacity=100);} #main-slider .flex-direction-nav li a.flex-prev { left:0; background: rgba(0,0,0,1) url("images/slider-arrow-prev.png") no-repeat 50% 50%; } #main-slider .flex-direction-nav li a.flex-next { right:0; background: rgba(0,0,0,1) url("images/slider-arrow-next.png") no-repeat; background-position: 50% 50%; } #main-slider.flexslider:hover .flex-prev { left: -10px; opacity: 0.9; filter: alpha(opacity=90); /* IE6-IE8 */} #main-slider.flexslider:hover .flex-next { right: -10px; opacity: 0.9; filter: alpha(opacity=90); /* IE6-IE8 */} /* 8. #page-top _______________________________________________________________________*/ #call-to-action h4 {padding: 0;} #call-to-action .call-to-action-link { text-align: center; padding: 5px; } /* Google map */ #map { margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid #c5c5c5; max-width: 100%; } #map-canvas { width:100%; height:395px; } #map-canvas img { max-width: none; } /* Breadcrumb */ #breadcrumb { font-size: 12px; line-height: 166%; margin: 0 0 0 0;} .front #breadcrumb { margin: 0; } #breadcrumb a, #breadcrumb span { margin-right: 5px; display: inline-block; float: left; } .breadcrumb { padding-bottom: 0; float: left; text-transform: capitalize;} /* 9. #page _______________________________________________________________________*/ /*products*/ #block-views-promoted-posts-block-1 h2 { background: transparent url(images/page-title-bg.png) repeat-x; padding:0; margin-bottom: 40px; line-height: 100%; } .promoted-listing .item { border-bottom:1px solid #c5c5c5; padding-bottom: 10px; margin-bottom: 35px; } .promoted-listing .views-field-field-image { margin:0 0 20px 0; } #sidebar .promoted-listing .views-field-field-image { margin:0; } .promoted-listing .views-field-title { margin: 0 0 10px 0; } .promoted-listing .views-field-title h4 { padding: 0; margin:0; } /*product item*/ .image-holder { position: relative; overflow: hidden; max-width: 100%; border-bottom: 4px solid #000000; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .image-holder:hover { border-bottom: 4px solid #ce5828; } .image-holder:hover .mask { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .image-holder:hover .mask div { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .mask { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.72); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#b8ffffff',GradientType=0 ); /* IE6-9 */ -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask div { width: 100%; text-align: center; position: absolute; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .one-third .mask div.cart, .one-sidebar .one-third .mask div.cart, .one-half .mask div.cart, .one-sidebar .one-half .mask div.cart { top:51%; } .mask a, .mask input[type="submit"] { min-width: 120px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; display: inline-block; font-size: 13px; background-color: #ce5828; padding: 8px 10px; color: #ffffff; border: none; text-align: center; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; line-height: 155%; } .mask a.active { color: #ffffff; } .mask input[type="submit"] { -webkit-appearance: none; padding-left: 42px; background-image: url("images/cart-icon-white.png"); background-position: 15px 46%; background-repeat: no-repeat; } .image-holder:hover .mask a,.image-holder:hover .mask input[type="submit"] { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .views-field-thumbnail img { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .views-field-category { position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .views-field-category a { color: #ffffff; padding: 11px 24px 11px 24px; font-size: 13px; line-height: 100%; background-color: #000000; display: block;} .image-holder:hover .views-field-category a { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; background: #CE5828;} .promoted-listing .views-field-body {margin-bottom: 25px;} .price, .views-field-price { font-size: 14px; color:#b04317; font-weight: bold; clear: both; } .cart-link { width: 51%; height: 33px; vertical-align: middle; display: inline-block; } .cart-link input[type="submit"] { background-color: #FFF; color: #000; padding: 3px 0 0 50px; background-image: url("images/cart-icon-black.png"); background-position: 17px 6px; background-repeat: no-repeat; vertical-align: middle; margin: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .cart-link input[type="submit"]:hover, .field-item .commerce-add-to-cart input[type="submit"]:hover { color: #ce5828; text-decoration: underline; background-color: transparent;} /*fivestar rating*/ .fivestar-widget .ajax-progress { position: absolute; top:-20px; } .price-container { width: 47%; border-right: 1px solid #d1d1d1; display: inline-block; } .views-field-rating { width: 100%; height: 12px; position: relative; float: left;} div.fivestar-widget .cancel, div.fivestar-widget .star { width: 13px; height: 15px; } div.fivestar-widget .cancel, div.fivestar-widget .cancel a { background: url("images/stars.png") no-repeat 0 0; } div.fivestar-widget .star, div.fivestar-widget .star a{ background: url("images/stars.png") no-repeat 0 0px; } .fivestar-default div.on a { background-position: 0 -16px; } .fivestar-default div.hover a, .fivestar-default div.rating div a:hover { background-position: 0 -32px; } .fivestar-summary { display: none; } /*product page*/ #product-slider.flexslider { border: none; display:none; box-shadow: none; margin: 0 0 5px 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } #product-slider .slides > li { position: relative; } #product-slider .img-caption { width: 410px; padding: 15px 20px 0px 20px; left:0; bottom:0; background: rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */border-bottom: 5px solid #000000; margin-bottom:43px; margin-left:35px; position: absolute; } #product-slider .img-caption h4 { padding:0 0 9px 0; margin: 0; } #product-slider .img-caption p { margin:0 0 25px 0; line-height: 140%;} #product-slider-carousel.flexslider {display:none; border: none; margin: 10px 0; padding:10px 0; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #product-slider-carousel li { margin-right: 20px; width: 140px!important;} #product-slider-carousel li img { border-bottom: none; padding: 0; margin-bottom:0; display: block; opacity: 1; filter: alpha(opacity=100); cursor: pointer; } #product-slider-carousel li img:hover { opacity: .5; filter: alpha(opacity=50); } #product-slider-carousel .flex-direction-nav { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; -ms-transition: all linear 0.2s; transition: all linear 0.2s; } #product-slider-carousel:hover .flex-direction-nav { opacity: 1; filter: alpha(opacity=100); } #product-slider-carousel .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #product-slider-carousel .flex-direction-nav li a { top: 10px; width: 61px; height: 95px; background: #000; opacity: 0.75; filter: alpha(opacity=75); margin: 0;} #product-slider-carousel .flex-direction-nav li a.flex-prev { left:0; background: rgba(0,0,0,1) url("images/slider-arrow-prev.png") no-repeat 50% 50%; } #product-slider-carousel .flex-direction-nav li a.flex-next { right:0; background: rgba(0,0,0,1) url("images/slider-arrow-next.png") no-repeat; background-position: 50% 50%; } #product-slider-carousel .flexslider .flex-prev:hover { opacity: 0.5; filter: alpha(opacity=50); /* IE6-IE8 */} #product-slider-carousel .flexslider .flex-next:hover { opacity: 0.5; filter: alpha(opacity=50); /* IE6-IE8 */} .node .field-type-commerce-price { display: inline-block; width: 75.6%; text-align: right; padding: 0 45px 0 0; border-right: 1px solid #D1D1D1; font-size: 14px; color: #B04317; font-weight: bold; z-index: 0; position: relative;} .node-teaser .field-type-commerce-price { width:auto; text-align:left; padding:15px 0; border:none; display:inherit; } .node-teaser .field-type-commerce-product-reference { text-align:left; } .node-teaser .field-type-commerce-product-reference .field-item .commerce-add-to-cart input[type="submit"] { background-image: url("images/cart-icon-black.png"); background-position: 0; background-repeat: no-repeat; background-color: #FFF; padding: 0 0 0 25px; color: #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .field-type-commerce-product-reference { display: inline-block; width: 20%; text-align: center; } .field-name-field-mt-product { position: relative; } .field-item .commerce-add-to-cart input[type="submit"] { background-image: url("images/cart-icon-black.png"); background-position: 14px 3px; background-repeat: no-repeat; background-color: #FFF; padding: 0 8px 0 44px; color: #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .field-name-field-mt-rating { width: 42.3%; float: right; z-index: 10; position: relative; } /*node*/ .node-teaser .field-type-image { float: right; margin: 0 0 20px 40px; max-width: 50%; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #main .node h2 { margin-bottom: 5px; } #main .node.node-teaser h2 { margin-bottom: 15px; } #main .node.node-teaser .submitted { margin-top:-12px; } .node img { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; } .node img:hover { opacity: 0.8; filter: alpha(opacity=80); } .node .promoted-listing img:hover { opacity: 1; filter: alpha(opacity=100);} .images-container { padding:0 0 20px 0; clear:both; } .image-preview { position: relative; min-height:170px; } .image-preview img { border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; padding-bottom: 10px; } .image-caption { width: 410px; padding: 15px 20px 0px 20px; position: absolute; left:35px; bottom:45px; border-bottom: 5px solid #000000; background: rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); } .image-caption h4 { margin: 0; padding:0 0 10px 0; } .image-caption p { margin:0 0 25px 0; line-height: 140%; } .image-listing-title { padding: 0 0 10px 0; } .image-listing-item { float: left; margin: 0 10px 10px 0; max-width: 116px; } .image-listing-item a img { display:block; overflow:hidden; border-bottom: none;} .no-sidebars .image-listing-item { max-width: 124px; margin: 0 12px 10px 0; } .one-sidebar .image-listing-item:nth-child(5n), .no-sidebars .image-listing-item:nth-child(7n) { margin-right: 0px; } .node .meta {margin: -10px 0 15px 0; color: #727272; font-size: 11px; } .node-teaser .meta { margin: 0 0 15px 0; } .node .meta .username { color: #ce5828; } .node .field-type-taxonomy-term-reference { clear: both; font-size: 11px; } .page-node- .node .field-type-taxonomy-term-reference {margin-top:45px; padding-top:10px; border-top: 1px solid #c5c5c5; } .node-type-mt-product .node .field-type-taxonomy-term-reference { margin-top: 29px; line-height: 100%; } .node-type-mt-product .field-name-body { margin-bottom: 50px; } .node .field-type-taxonomy-term-reference .field-label { display: inline-block; text-transform: capitalize; padding:0 7px 0 0; margin:18px 10px 0px 0; border-right: 1px solid #222222; line-height: 100%; } .page-node- .node .field-type-taxonomy-term-reference .field-label { margin:0 10px 15px 0; } .field-type-taxonomy-term-reference.field-label-inline .field-items, .field-type-taxonomy-term-reference.field-label-inline .field-label { float: none; font-weight: 400; } .links li, .field-type-taxonomy-term-reference .field-items, .field-type-taxonomy-term-reference .field-item, #main .comment .links {display: inline-block; margin: 0; padding: 0; line-height: 100%;} .field-type-taxonomy-term-reference .field-item:after { content: ", "; margin: 0 3px 0 0;} .field-type-taxonomy-term-reference .field-item:last-child:after { content: ""; margin: 0; } .node .links.inline li { font-size: 11px; } .link-wrapper .links li { padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #222222; display:inline-block; } .link-wrapper .links li.last { padding: 0; margin: 0; border-right: none; } .links .comment_forbidden a, .comment .links li a { background: #CE5828; color: #FFF; padding: 7px 10px; min-width: 106px; margin: 5px 5px 0 5px; display: inline-block; text-align: center; } .links .comment_forbidden a:hover, .comment .links li a:hover { text-decoration: none; background: #b04317; } /*about us*/ .team-member { margin: 0 0 45px 0; padding: 0 0 10px 0; border-bottom: 1px solid #c5c5c5; } .team-member .mask div { top:45%!important; } .team-member-email { font-size: 12px; font-weight: bold; color: #CE5828; padding: 13px 0 7px 30px; background: url('images/mail-icon-orange.png') no-repeat left 19px; } .team-member-email a { padding: 9px 0 9px 20px; border-left: 1px solid #d1d1d1; } #main .node .team-member img { padding: 0; margin:0; border-bottom: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } #main .node .team-member img:hover { filter: alpha(opacity=100); opacity: 1; } /*contact*/ .node-type-webform #main h1 { font-size: 23px; border-bottom: none; letter-spacing: 0; padding: 25px 0 0 0; margin: 0 0 15px 0; } .node-webform { padding: 0px 0 7px; margin: 0 0 15px 0; border-bottom: 1px solid #C5C5C5; } .node-webform .field-name-body { margin-bottom: 60px; } .webform-client-form input[type="submit"] { float: right; margin-right: 0; } #page #sidebar .contact-info { padding-top: 7px; } .contact-info .bordered { padding: 5px 0 15px 0; } .contact-info ul { list-style: none; padding: 0; margin: 0; } .contact-info ul li { margin: 0 0 15px 0; padding: 0 0 0 30px; } .contact-info ul li.address { background: url('images/home.png') no-repeat 0 5px;} .contact-info ul li.phone { background: url('images/phone-icon-gray.png') no-repeat 0 4px; } .contact-info ul li.email { background: url('images/mail-icon-gray.png') no-repeat 0 6px; } /*comments*/ #comments { position: relative; } #comments h2 span { font-weight: bold; color:#ce5828; margin: 0 15px; padding-right: 10px; border-right: 1px solid #666666; } #comments img {border: none; margin: 0; padding: 0;} #comments img:hover { opacity: 1; filter: alpha(opacity=100); } .node #comments h2 { font-size: 12px; line-height: 150%; text-transform: capitalize; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #c5c5c5; float: left; padding-top: 45px;} .node #comments h2.comment-form { float: none; border-bottom: none; } .comments-arrow { background: url('images/comments-arrow.png') no-repeat center center; width: 20px; height: 16px; position: absolute; top: 68px; left: 60px; } .indented { margin-left: 80px; } .comment { padding: 35px 0 0 0; clear: both; border-bottom: 1px solid #CE5828; } .comment-left { float: left; width: 20%; max-width: 80px; min-width: 80px; } .comment-right { float: left; width: 75%; } .comment .user-picture { margin:0 25px 15px 0; padding:0; float:none; } .comment .submitted, .comment .new { font-size: 11px; color: #727272; line-height: 100%; } .comment .submitted .username { color:#ce5828; } .comment h3 { font-size: 16px; color: #000; padding: 17px 0 1px 0; display: block; margin-bottom: 0px; } .comment .links {float: right; padding-right: 15px; clear:both; } .comment .links li a { margin-right: 15px; margin-top: 0; } .comment .user-signature { color: #A3A3A3; font-size: 12px; line-height: 150%; margin-bottom: 0; clear: both; } .user-picture { float: left; padding: 5px 20px 10px 0; } .user-picture img { border:none!important; } /*#side bar*/ #sidebar .line-item-summary ul.links { margin: 20px 0 0 0; display: block; } #sidebar .line-item-summary ul.links li { margin: 0; padding: 0; } #sidebar .recent-comments .item-list ul { list-style: none; margin: 0 0 30px 0;} #sidebar .recent-comments .item-list ul li { margin: 0 0 13px 0; padding: 0; border-bottom: 1px solid #c5c5c5;} #sidebar .recent-comments .item-list ul li.views-row-last { border-bottom: none; } #sidebar .views-field-subject a, #sidebar .views-field-title a { font-size: 16px; color: #000000; padding:6px 0 4px 0; font-weight: bold; display: block; } #sidebar .views-field-subject a:hover, #sidebar .views-field-title a:hover { text-decoration: none; color:#CE5828; } #sidebar .views-field-timestamp, #sidebar .views-field-created { font-size: 11px; color: #727272; padding-bottom: 10px; line-height: 130%; } #sidebar .recent-comments em { font-style: normal; } #sidebar .item-list p { margin-bottom: 10px; font-size: 12px; line-height: 150%; } #sidebar .recent-comments .more-link { padding-bottom: 10px; border-bottom: 1px solid #c5c5c5; text-align: left; } #sidebar #block-views-mt-recent-comments-block h2, #sidebar #block-views-mt-latest-posts-block h2, #sidebar #block-views-mt-recent-comments-block-1 h2, #sidebar #block-views-tweets-block h2, #sidebar #block-views-mt-tweets-block h2 { padding-left: 60px; background: url(images/messages.png) no-repeat 0 6px; } #sidebar h2.quotes, #sidebar #block-views-testimonials-block h2{ padding-left: 60px; background: url(images/quotes.png) no-repeat 0 2px; } #sidebar h2.twitter{ padding-left: 60px; background: url(images/twitter-icon.png) no-repeat 0 4px; } /*products hover*/ #sidebar .image-holder { width: 50%; float: left; margin: 0 10px 0 0; border-bottom: none; } #sidebar .mask { width:100%; border-right: 1px solid #C5C5C5; border-left: 1px solid transparent; } #sidebar .mask a { min-width: 96px; } #sidebar .mask div { padding-right: 10px; top:34%; } #sidebar .views-field-thumbnail img { float: left; border-right: 1px solid #c5c5c5; padding: 0 10px 0 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } #sidebar .item-list.products ul { list-style: none; border-bottom: 1px solid #c5c5c5; margin: 0; } #sidebar .item-list.products ul li { margin: 0 0 20px 0; padding: 0; overflow: hidden; } #sidebar .item-list.products p { margin-bottom: 0; } #sidebar .item-list.products .views-field-title, #sidebar .item-list.products .views-field-title a { font-size: 16px; font-weight: bold; padding: 0 0 5px 0; line-height: 100%; display: block; margin: 0;} #sidebar .promoted-listing .views-field-body {margin-bottom: 0px;} /*menu block*/ ul.menu { padding:0; margin:0; } ul.menu li { list-style: none; padding: 0 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #f2f2f2; } .content>ul.menu>li { list-style: square; list-style-position: inside; } ul.menu li:hover { border-color: #cdcdcd; } ul.menu li li { border-bottom:none; padding: 0 0 5px 30px; margin:0 0 5px 0; } ul.menu li.expanded { padding-bottom: 0; list-style: square; list-style-position: inside; } ul.menu li.expanded ul.menu { padding-top: 5px; } /* 10. #page-bottom _______________________________________________________________________*/ #page-bottom { font-size: 13px; } .page-bottom-area h2 { padding-left: 60px; } .page-bottom-area #block-views-promoted-posts-block-3 h2 { padding-left: 0; } .page-bottom-area .latest-comments, #block-views-mt-recent-comments-block-1 h2 { background: url(images/messages.png) no-repeat 0 0; } .page-bottom-area .quotes{ background: url(images/quotes.png) no-repeat 0 0; } .page-bottom-area .twitter{ background: url(images/twitter-icon.png) no-repeat 0 0; } .page-bottom-area .content { border-left: 1px solid #000000; padding-left: 48px; margin-left: 12px; min-height: 211px;} .page-bottom-area #block-views-promoted-posts-block-3 .content { border-left: none; padding-left: 0; margin-left: 0; } .page-bottom-area .item-list.products ul li { margin: 0 0 20px 0; } .recent-comments .item-list ul { margin: 0; list-style: none; } .recent-comments .item-list ul.pager {margin-top: 20px; } .recent-comments .item-list li { margin-left: 0; } .page-bottom-area .recent-comments .item-list li { border-bottom: 1px solid #cccccc; padding:0 0 7px 0; margin:0 0 18px 0;} .page-bottom-area .views-field-subject, .page-bottom-area .views-field-subject a, .page-bottom-area .views-field-title a { line-height: 110%; color: #000000; padding-bottom: 4px; font-weight: bold;} .page-bottom-area .views-field-subject a:hover, .page-bottom-area .views-field-title a:hover { color: #ce5828;} .page-bottom-area .views-field-timestamp, .page-bottom-area .views-field-created { font-size: 11px; line-height: 130%; color:#727272; font-style: italic;} .page-bottom-area .views-field-timestamp em, .page-bottom-area .views-field-created em { font-style: normal; } .page-bottom-area .more-link, .page-bottom-area .more-link a {font-size: 11px; font-weight: bold; text-align: right; color: #000000; line-height: 100%; background: transparent;} .page-bottom-area .more-link a { padding:4px 0 0 0; } .view-testimonials .more-link a { padding:15px 0 0 0; } .page-bottom-area .more-link a:hover { color: #ce5828; background: transparent; text-decoration:underline; } .testimonial-body { font-size:14px; font-style: italic; padding-bottom: 18px; font-weight: normal; line-height: 140%;} #page-wrapper .testimonial-body p { margin: 0; } #sidebar .testimonial-body { padding-bottom: 26px; } .testimonial-submitted { font-size: 13px; color:#505050; line-height: 125%; font-weight: bold; text-align: right;} /*testimonial slider*/ .page-bottom-area #block-views-testimonials-block h2 { background: url(images/quotes.png) no-repeat 0 0; } .testimonial-slider.item-list ul, .testimonial-slider.item-list ul li { margin: 0; padding: 0; } .testimonial-slider.flexslider { border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; margin-bottom: 45px;} .testimonial-slider .flex-direction-nav a {width: 32px; height: 32px; margin: 0 0; display: block; background-color: #d8d8d8; position: absolute; top: 108%; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; filter: alpha(opacity=100); opacity: 1;} .testimonial-slider .flex-direction-nav .flex-next {background-image: url('images/testimonial-slider-arrow-next.png'); background-position: 50% 50%; background-repeat: no-repeat; right: 0px; } .testimonial-slider .flex-direction-nav .flex-prev {background-image: url('images/testimonial-slider-arrow-prev.png'); background-position: 50% 50%; background-repeat: no-repeat; right:38px; left:auto; } .testimonial-slider .flexslider:hover .flex-next { filter: alpha(opacity=80); opacity: 0.8; } .testimonial-slider .flexslider:hover .flex-prev { filter: alpha(opacity=80); opacity: 0.8; } #page-wrapper .testimonial-submitted p { margin-bottom: 0; } .testimonial-submitted .profession, .testimonial-submitted .company {display: block; font-style: italic; font-weight: normal; font-size: 12px; line-height: 135%; padding-top: 0;} .page-testimonials .view-testimonials .views-row { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #c5c5c5; } .page-testimonials .view-testimonials .views-row.views-row-last { border:none; margin:0; padding:0; } .node-mt-testimonial .field-name-field-subtitle p, .node-mt-testimonial .field-name-field-company p { margin:0!important; display:block; clear:both; float:right; font-style:italic; } /* 11. #footer _______________________________________________________________________*/ #footer { background: #1d1d1d; color:#909599; font-size: 13px; line-height: 160%; } #footer h4, #footer h4 a { color: #ffffff; } #footer p { margin-bottom: 12px; color:#909599;} #footer a.btn, #footer .more-link a { margin-top: 15px; line-height: 20px;} #footer .flexslider { background: transparent; } #footer #block-views-testimonials-block h2 { background: url(images/quotes-white.png) no-repeat 0 0; padding-left: 50px; } #footer #block-views-mt-recent-comments-block-1 h2, #footer #block-views-mt-recent-comments-block h2, #footer #block-views-mt-latest-posts-block h2 { background: url(images/messages-white.png) no-repeat 0 20%; padding-left: 50px; } #footer .more-link { text-align: left; margin-top: 15px; } #footer .item-list ul li { margin: 0 0 10px 0; padding: 0 0 5px; border-bottom: 1px solid #313131; } #footer .item-list.testimonial-slider ul li { margin:0; padding: 0; border-bottom: none; } #footer .item-list.products ul li { margin-bottom: 35px; padding: 0; border-bottom: none; } #footer li a.active { color: #b04317; text-decoration: underline; } #footer ul.menu li { border-bottom: 1px solid #313131; } #footer ul.menu li li { border-bottom: none; } /*tags cloud*/ .view-tags-cloud .view-content { margin-bottom: 20px; line-height: 185%; } .view-tags-cloud .views-row { display: inline-block; } .view-tags-cloud .views-field-name, .view-tags-cloud .views-field-nid { display: inline-block; } .view-tags-cloud .views-field-nid span:after { content: "," } .view-tags-cloud .views-row-last .views-field-nid span:after { content: "" } /* 12. #subfooter _______________________________________________________________________*/ #subfooter { background: #2f2f2f; font-size: 12px; line-height: 225%; color: #b7b7b7; } #subfooter p { margin: 0; } #subfooter span.brand { color: #ffffff; } .subfooter-area h2 { color: #b7b7b7; text-align: right;} #subfooter .region-sub-footer-left ul.menu { float: left; } #subfooter ul.menu { float: right; list-style: none; margin:0; } #subfooter ul.menu li{ float: left; margin: 0; padding:0; list-style: none; border-bottom: none;} #subfooter ul.menu li a { color: #b7b7b7; padding:0 8px; border-left: 1px solid #939393; } #subfooter ul.menu li.first a { border-left: none; } #subfooter ul.menu li.last a { padding-right: 0; } #subfooter .region-sub-footer-left ul.menu li.first a { padding-left:0 } #subfooter ul.menu li a:hover{ color: #ffffff; text-decoration: none; } #subfooter ul.menu ul { display: none; } ul.social-bookmarks {margin: 0; list-style: none; padding: 0;} ul.social-bookmarks li { display: inline-block; margin:0 12px 10px 0; } ul.social-bookmarks li a { width: 45px; height: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; border: 2px solid #5b5b5b; display: block; } ul.social-bookmarks li a:hover { border: 2px solid #ce5828; } ul.social-bookmarks li.facebook a { background-image: url(images/facebook.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li.twitter a { background-image: url(images/twitter.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li.linkedin a { background-image: url(images/linked-in.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li.youtube a { background-image: url(images/youtube.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li.flickr a { background-image: url(images/flickr.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li.tumblr a { background-image: url(images/tumblr.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li.pinterest a { background-image: url(images/pinterest.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li.google a { background-image: url(images/google.png); background-position: 50% 50%; background-repeat: no-repeat; } ul.social-bookmarks li a { background-color: #ffffff; } #header-top ul.social-bookmarks li a, #footer ul.social-bookmarks li a, #subfooter ul.social-bookmarks li a { background-color: #000000; } #header-top-left .content ul.social-bookmarks li { float: left; margin: 0 12px 10px 0; } /* 13. Components _______________________________________________________________________*/ /*magnific popup animation*/ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */ /* 14. Drupal styles overrides _______________________________________________________________________*/ /*search block*/ #block-search-form{ position: relative; } #block-search-form .form-item { margin: 0; } #block-search-form input.form-text { height:32px; line-height:32px; width: 100%; display: block; margin: 0; padding: 0 30px 0 12px; border: 1px solid #000000; color: #000000; font-size: 14px; background: #ffffff; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none;} #block-search-form input.form-submit { position: absolute; right: 0px; top: 0px; padding: 6px 10px; background-color: #000000; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #sidebar #block-search-form { padding-top: 0; margin-top: 19px; } /*newsletter*/ #newsletter-form { position: relative; } #newsletter-form .form-item { margin: 0; } #newsletter-form input.form-text { height:32px; background: #fff; border: none; padding: 7px 30px 10px 12px; margin: 0; display: block; overflow: hidden; outline: none; text-decoration: none; width: 100%; font-size: 12px; font-weight: normal; color: #ce5828; } #newsletter-form input.form-submit { position: absolute; right: 0px; top: 0px; padding: 6px 10px 6px 11px; background-color: #ce5828; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;} /*forms*/ label { color: #000000; font-weight:bold; font-size:14px; display: block; padding: 0 0 5px; } #block-user-login input.form-text, .search-advanced input.form-text { width: 100%; } input.form-text, textarea { background: #f3f3f3; color: #000000; font-size: 13px; line-height: 195%; padding: 5px 20px; width: 50%; outline:none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e0e0e0; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } input.form-text { height: 35px; } textarea { padding: 15px 20px; width: 100%; resize: vertical; min-height: 120px; } select {margin: 0px 0 30px; height: 35px; width: 80%; outline: none; background: #f3f3f3; padding: 4px 4px 4px 15px; line-height: 195%; border: 1px solid #e0e0e0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; cursor: pointer; } input.form-text:focus, textarea:focus, select:focus { border: 1px solid #ce5828; } .comment-form fieldset { border-color: #E0E0E0; } .resizable-textarea .grippie { width: 100%; border:none; } .form-item { margin: 25px 0; } /* Contact form page*/ .contact-form { padding:15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #c5c5c5;} .contact-form .form-submit { float:right; margin:0; } /*commerce pages*/ .page-checkout- input.form-text { width: 80%; } .commerce-line-item-views-form input.delete-line-item { font-size:13px; padding: 8px; min-width: 0; } .commerce-paypal-icon { top: 7px; margin-bottom: 15px; } /* Status messages */ div.messages { color: #ffffff; margin: 0 0 10px; padding: 15px 15px 15px 80px; } div.messages a { color: #ffffff; } div.messages.status { border: 1px solid #7aa239; background: #7aa239 url("images/status.png") repeat-y scroll 0 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } div.messages.error { border: 1px solid #c53300; background: #c53300 url("images/error.png") repeat-y scroll 0 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } div.messages.warning { border: 1px solid #eb8314; background: #eb8314 url("images/warning.png") repeat-y scroll 0 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } /*primary links*/ ul.primary { margin-bottom: 20px } ul.primary li { margin: 5px 0; } div.contextual-links-wrapper a, #toolbar div.toolbar-menu a.toggle { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } /*views*/ .one-third.views-row:nth-child(3n), .one-half.views-row:nth-child(2n) { margin-right: 0; } .one-third.views-row:nth-child(3n+1), .one-half.views-row:nth-child(2n+1) { clear: both; } /* Twitter */ .page-bottom-area #block-views-tweets-block h2, .page-bottom-area #block-views-mt-tweets-block h2 { background: transparent url(images/twitter-icon.png) no-repeat 0 0; } .view-tweets .views-row { border-bottom:1px solid #c5c5c5; padding:0 0 15px 0; margin:0 0 5px 0; } .view-tweets .views-row.views-row-last { border-bottom:none; margin:0; } #footer .view-tweets .views-row { border-bottom:1px solid #313131; } /*buttons*/ .btn { font-size: 13px; background: #ce5828; padding: 8px 18px; color: #ffffff; display: inline-block; min-width: 96px; text-align: center; } .btn:hover { text-decoration: none; background: #b04317; } .more-link a, a.more, input[type="submit"], input[type="reset"], input[type="button"], #sidebar .line-item-summary ul.links li a, .checkout-buttons input[type="submit"] { font-size: 13px; background-color: #ce5828; padding: 8px 18px; color: #ffffff; border: none; display: inline-block; min-width: 96px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;} .more-link a:hover, .mask a:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, #sidebar .line-item-summary ul.links li a:hover, .image-holder .views-field-category a:hover, .checkout-buttons input[type="submit"]:hover { text-decoration: none; background-color: #b04317; color: #ffffff; } #sidebar .line-item-summary ul.links li a:hover { color: #ffffff; text-decoration: none; } .button-operator { margin: 0 10px; } input[type="submit"], input[type="reset"], input[type="button"] { -webkit-appearance: button; margin: 2px;} input.form-checkbox, input.form-radio { margin: 3px 3px 6px 5px; } /* 15. Responsive Styles _______________________________________________________________________*/ @media all and (min-width: 1200px) { /*typography*/ body.wide-layout, .wide-layout .price, .wide-layout .views-field-price, .wide-layout .field-type-commerce-price { font-size: 16px; line-height: 150%; } .wide-layout #page-bottom, .wide-layout .testimonial-body { font-size: 15px; line-height: 150%; } .wide-layout #footer, .wide-layout .cart-link input[type="submit"], .wide-layout .field-item .commerce-add-to-cart input[type="submit"], .wide-layout #sidebar p, .wide-layout #sidebar li, .wide-layout #subfooter, .wide-layout #header-top, .wide-layout .testimonial-submitted { font-size: 14px; line-height: 150%; } .wide-layout .cart-link input[type="submit"] { padding: 3px 0 0 50px; background-position: 17px 6px; } .wide-layout .field-type-taxonomy-term-reference, .wide-layout .links.inline li, .wide-layout .node #comments h2, .wide-layout .submitted, .wide-layout .comment .new, .wide-layout #sidebar .views-field-created, .wide-layout #sidebar .views-field-timestamp, .wide-layout .team-member-email, .wide-layout #breadcrumb, .wide-layout #header-top .view-footer .line-item-quantity, .wide-layout #header-top .view-footer .line-item-total, .wide-layout .more-link a, .page-bottom-area .views-field-timestamp, .page-bottom-area .views-field-created { font-size: 13px; line-height: 140%; } /*top header*/ .wide-layout #header-top-left .phone { padding: 11px 55px 10px 44px; } .wide-layout #header-top-left .mail { padding: 11px 45px 10px 60px; } .wide-layout #header-top .view-footer .line-item-quantity, .wide-layout #header-top .view-footer .line-item-total { float: none; display: inline-block; padding: 12px 10px 10px; } /*header*/ .wide-layout #site-name { margin: 0 0 2px 10px; } .wide-layout #site-slogan { margin: 0 0 0 10px; } /*main menu*/ .wide-layout #main-navigation .content ul li { font-size: 22px; } .wide-layout #main-navigation .content ul li a { padding: 13px 20px 13px 20px; margin: 0 25px 0 0; } .wide-layout #main-navigation .content ul ul li a { font-size: 18px; margin: 0;} /*slider*/ .wide-layout #main-slider .flex-caption { margin: 0 0 25px 100px; } .wide-layout #main-slider .flex-direction-nav li { height: 99.1%; width: 75px; } .wide-layout #main-slider .flex-direction-nav li a { width: 75px; height: 96px; } .wide-layout .comment-left { width: 15%; } .wide-layout .comment-right { width: 85%;} .wide-layout .field-name-field-mt-rating { width: 42%; float: right; } .wide-layout .node .field-type-commerce-price { width: 76.6%; padding: 0 80px 0 0; } .wide-layout.no-sidebars .node .field-type-commerce-price { width: 87%; } .wide-layout.no-sidebars .field-type-commerce-product-reference { width: 12%; } .wide-layout.no-sidebars .field-name-field-mt-rating { width: 24.7%; } .wide-layout div.messages { margin: 0 0 15px; } .wide-layout #image-listing-title { padding-bottom: 10px; } .wide-layout .image-listing-item {float: left; margin: 0 12px 10px 0; max-width: 120px; } .wide-layout .image-listing-item img { max-width: 100%; } .wide-layout .image-listing-item a img { display:block; overflow:hidden; border-bottom: none;} .wide-layout.no-sidebars .image-listing-item { max-width: 130px; margin: 0 20px 20px 0; } .wide-layout.one-sidebar .image-listing-item:nth-child(5n) { margin-right: 12px; } .wide-layout.no-sidebars .image-listing-item:nth-child(7n) { margin-right: 20px; } .wide-layout.one-sidebar .image-listing-item:nth-child(6n), .wide-layout.no-sidebars .image-listing-item:nth-child(8n) { margin-right: 0px; } .wide-layout .price-container { width: 49%; } .wide-layout.one-sidebar .one-third .price-container { width: 48%; } .wide-layout .cart-link { width: 50%; } .wide-layout .mask input[type="submit"] { padding-left: 42px; background-position: 21px 46%; } .wide-layout.one-sidebar .one-third .mask input[type="submit"] { padding-left: 18px; background-image: none; min-width: 96px; } /*buttons*/ .wide-layout .btn, .wide-layout .more-link a, .wide-layout a.more, .wide-layout .mask a, .wide-layout .mask input[type="submit"] { min-width: 130px; } .wide-layout.one-sidebar .one-third .btn, .wide-layout.one-sidebar .one-third .mask a, .wide-layout input[type="submit"] { min-width: 96px; } .wide-layout .no-commerce .one-third .mask div.more { top:47%; } .wide-layout.one-sidebar .no-commerce .one-third .mask div.more { top:43%; } .wide-layout .no-commerce .one-half .mask div.more { top:49%; } .wide-layout.one-sidebar .no-commerce .one-half .mask div.more { top:47%; } .wide-layout .one-third .mask div.more { top:36%; } .wide-layout.one-sidebar .one-third .mask div.more { top:28%; } .wide-layout .one-half .mask div.more { top:41%; } .wide-layout.one-sidebar .one-half .mask div.more { top:36%; } .wide-layout.one-sidebar .one-third .mask div.cart { top:51%; } } @media all and (min-width: 980px) { .one-sidebar .one-third .mask a { min-width: 96px; } .one-sidebar .one-third .mask input[type="submit"] { padding-left: 18px; background-image: none; min-width: 96px; } .one-sidebar .one-third .views-field-category a { padding: 8px 20px 8px 20px; } .one-sidebar .one-third .price-container { width: 100%; border-right: none; } .one-sidebar .one-third .cart-link { width: 100%; } .cart-link input[type="submit"] { background-position: 20px 9px; padding: 8px 0 0 50px; } .one-sidebar .one-third .cart-link input[type="submit"] { background-position: 0px 11px; padding: 9px 0 0 25px; } .one-sidebar .team-member-email { background: none; padding-left: 0; word-break:break-all;} .one-sidebar .team-member-email a { border: none; padding-left: 0; word-break:break-all;} .no-sidebars .field-type-commerce-product-reference { width: 12%; } .no-sidebars .field-name-field-mt-rating { width: 24.7%; } .no-sidebars .node .field-type-commerce-price { width: 87%; } /*products page*/ .node-type-mt-product #main .node .field-type-taxonomy-term-reference { margin-top: 10px; } .no-commerce .one-third .mask div.more { top:45%; } .one-sidebar .no-commerce .one-third .mask div.more { top:40%; } .no-commerce .one-half .mask div.more { top:49%; } .one-sidebar .no-commerce .one-half .mask div.more { top:46%; } .one-third .mask div.more { top:33%; } .one-sidebar .one-third .mask div.more { top:18%; } .one-half .mask div.more { top:39%; } .one-sidebar .one-half .mask div.more { top:32%; } .one-sidebar .one-third .mask div.cart { top:46%; } } @media all and (min-width: 768px) and (max-width: 979px) { /*header top*/ #header-top .line-item-summary { padding-left: 80px; } #header-top .view-footer .links { left: 13px; } #header-top .view-footer .links li.line-item-summary-view-cart a { background-image:none; padding: 2px 11px 2px 0; margin: 0 10px 0 0; } #header-top .view-footer .links li.line-item-summary-view-cart a:hover { background-image:none; } #header-top .view-footer .line-item-quantity, #header-top .view-footer .line-item-total { padding: 11px 0 11px 5px; } /*main navigation*/ #main-navigation .content ul li { font-size: 17px; } #main-navigation .content ul li a, #main-navigation ul li span { padding: 13px 8px 13px 8px; margin: 0 4px 0 0; } /*flexslider*/ #main-slider .flex-caption { padding: 15px 15px 0px 15px; margin: 0 0 35px 70px; } #main-slider .flex-direction-nav li a { width: 55px; height: 70px; } /*main*/ .link-wrapper .links li { padding-right: 5px; margin-right: 5px; } .image-caption { width: 80%; left: 0; bottom: 15%; margin-left: 10%; } .comment .links li a { margin:0 5px; padding: 7px 10px; text-align: center; min-width: 60px;} .links .comment_forbidden a{ padding: 7px 10px; min-width: 60px; margin: 5px 5px 0 0; text-align: center; } .team-member { padding: 0 0 5px 0; } .team-member-email { padding: 13px 0 7px 20px; } .team-member-email a { padding: 9px 0 9px 0px; border-left: none;} .one-sidebar .team-member-email { background: none; padding-left: 0; word-break:break-all;} .search-form #edit-keys { width: 48%;} .image-listing-item { max-width: 110px; } .image-listing-item, .one-sidebar .image-listing-item:nth-child(5n), .no-sidebars .image-listing-item:nth-child(7n) { margin: 0 6px 6px 0; } .one-sidebar .image-listing-item:nth-child(4n) { margin-right: 0px; } .no-sidebars .image-listing-item:nth-child(5n) { margin-right: 0px; } .no-sidebars .image-listing-item { max-width: 135px; margin: 0 6px 6px 0; } /*products page*/ .price-container { width: 57%; } .cart-link { width: 40%; } .cart-link input[type="submit"] { padding: 9px 0 0 22px; background-position: 5px 10px; } .views-field-category a { padding: 8px 20px 8px 20px; } .one-third .views-field-category a { font-size: 11px; padding: 7px 15px 7px 15px; } .one-sidebar .one-third .price-container { width: 100%; border-right: none; } .one-sidebar .one-third .cart-link { width: 100%; } .cart-link input[type="submit"] { padding: 8px 0 0 22px; background-position: 5px 9px; } .node .field-type-commerce-price { width: 70%; padding-right: 45px; } .field-name-field-mt-rating { width: 53.6%; } .no-sidebars .node .field-type-commerce-price { width: 81%; } .no-sidebars .field-type-commerce-product-reference { width: 12%; } .no-sidebars .field-name-field-mt-rating { width: 34.6%; } /*products hover*/ .mask a, .mask input[type="submit"] { padding: 7px 15px; min-width: 96px; min-height: 0; } .mask input[type="submit"] { background-image: none; } .one-sidebar .one-third .mask a, .one-sidebar .one-third .mask input[type="submit"] { padding: 5px 10px; font-size: 11px; line-height: 165%; min-width: 80px; } /*sidebar*/ #sidebar .image-holder { width: 55%; margin: 0 0 15px 0;} #sidebar .mask { border-right: none; border-left: none;} #sidebar .mask div { padding-right: 0; } #sidebar .views-field-thumbnail img { border-right: none; padding: 0; } #sidebar .views-field-title { clear: both; } /*footer*/ ul.social-bookmarks li { margin: 0 6px 0 0; } .no-commerce .one-third .mask div.more { top:42%; } .one-sidebar .no-commerce .one-third .mask div.more { top:38%; } .no-commerce .one-half .mask div.more { top:48%; } .one-sidebar .no-commerce .one-half .mask div.more { top:42%; } .one-third .mask div.more { top:27%; } .one-sidebar .one-third .mask div.more { top:11%; } .one-half .mask div.more { top:35%; } .one-sidebar .one-half .mask div.more { top:27%; } .one-sidebar .one-third .mask div.cart { top:40%; } #toTop { bottom:75px!important; } } @media all and (max-width: 767px) { /*layout*/ .indented { margin-left: 50px; } .block { padding: 0 0 25px 0; } #sidebar .block { padding: 0 0 35px 0; } /*typography*/ h1 { text-align: center; } /*header*/ #header-top-left ul.company-info { float:none; display:block; } .grid_8 #header-top-left ul.company-info { margin-right:0; } #header-top-left ul li.phone, #header-top-left ul li.mail { width:50%; } #header-left, #header-right { margin:0 0 15px 0; text-align: center; } #block-search-form input.form-text { width: 60%; display: inline-block; } #block-search-form input.form-submit { right: 20%; } #sidebar #block-search-form input.form-text { width: 100%; display: inline-block; } #sidebar #block-search-form input.form-submit { right: 0%; } #header-top .cart-empty-block { text-align: center; } #logo { padding:0; display: block; float: none; margin: 0 0 15px 0; } #site-name { margin: 0 0 15px; } #site-slogan { margin: -5px 0 20px; } /*main navigation*/ #main-navigation-inside { margin: 0px; } #main-navigation-inside select { background: transparent url('images/dropdown-menu-arrow.png') no-repeat right 0px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); } /*flexslider*/ #slideshow { margin: 0px; } #main-slider .flex-caption { padding: 15px 15px 0px 15px; margin: 0 0 35px 70px; } #main-slider .flex-direction-nav li { height: 100%; } #main-slider.flexslider:hover .flex-direction-nav li { background-color: transparent; } #main-slider .flex-direction-nav li a.flex-prev, #main-slider .flex-direction-nav li a.flex-next { background-color:rgba(0, 0, 0, 0.4); } #main-slider .flex-control-nav { margin: -30px 0 0 0; text-align: center; } #main-slider .flex-caption { display: none; } /*page-top*/ #page-top { text-align: center; } #breadcrumb a, #breadcrumb span, .breadcrumb { float: none; text-align: center; } /*main page*/ .image-caption { width: 80%; left: 0; bottom: 15%; margin-left: 10%; } .image-listing-item, .no-sidebars .image-listing-item, .one-sidebar .image-listing-item:nth-child(5n), .no-sidebars .image-listing-item:nth-child(7n) { margin: 0 2% 2% 0; max-width: 32%; } .image-listing-item:nth-child(3n) { margin-right: 0; } .cart-link input[type="submit"] { background-position: 20px 9px; padding: 8px 0 0 50px; } .comment .submitted { line-height: 120%; } .search-form #edit-keys { margin: 10px 0 5px;} .search-form #edit-submit { margin: 5px 0 10px 0;} /*main*/ .comment .links li a { padding: 7px 10px; min-width: 60px; margin: 5px 5px 0 0; text-align: center; } .links .comment_forbidden a, .comment .links li a { min-width: 70px; } /*products*/ .promoted-listing .item { padding-top: 35px; } .promoted-listing .item:first-child { padding-top: 0; } .price-container { width: 50%; float: left; } .cart-link { width: 50%; text-align: center;} .node .field-type-commerce-price { width: 50%; text-align: left; padding-right: 0; } .field-name-field-mt-rating { width: 100%; } .mask input[type="submit"] { padding-left: 20px; } /*page bottom */ .page-bottom-area { margin:0 0 40px; } .page-bottom-area .content { border-left:none; border-top: 1px solid #000; padding-left: 60px; margin-left: 0; min-height: auto; padding-top: 15px;} /*sidebar*/ #sidebar .mask div { top:20%; } #sidebar .mask a { min-width: 65px; } /*footer*/ .footer-area, .subfooter-area { text-align: center; } .subfooter-area, #subfooter-inside { padding: 5px 0; } ul.social-bookmarks li { margin: 0 8px 0 8px; } #footer .more-link { text-align: center; } /*forms*/ input.form-text, textarea, .page-checkout- input.form-text, select { width: 100%; } /*buttons*/ .btn, .more-link a, a.more, .mask a, input[type="submit"], .mask input[type="submit"] { min-width: 130px; } .mask input[type="submit"] { min-width: 130px; } } @media all and (min-width: 480px) and (max-width: 767px) { /*layout*/ #header-top-inside, #header, #main-navigation, #banner, #page-wrapper #page-top, #page, #page-bottom, #footer-inside, #subfooter-inside { width: 440px; margin:0 auto; } #banner { margin:0 auto 30px; } #main { margin-bottom: 25px;} #page { margin-top:25px; } /*header-top*/ #header-top .line-item-summary {padding-left: 215px;} #header-top .view-footer .links { left: 108px; } /*tables*/ table th { text-align: center; } /*main*/ .cart-link input[type="submit"] { min-width: 100%; text-align:left; } /*flexslider*/ #main-slider .flex-direction-nav li a { width: 50px; height: 35%; top: 77px; } #product-slider-carousel li { margin-right: 15px; width: 130px!important; } #product-slider-carousel .flex-direction-nav { bottom: 97px; } #product-slider-carousel .flex-direction-nav li a { width: 67px; height: 87px; } /*products*/ .cart-link input[type="submit"] { padding: 0 0 0 50px; background-position: 17px 1px; } /*sidebar*/ #sidebar .image-holder { width: 25%; } /*footer*/ #footer #block-views-mt-recent-comments-block-1 h2, #footer #block-views-mt-recent-comments-block h2, #footer #block-views-mt-latest-posts-block h2 { background: url(images/messages-white.png) no-repeat 105px 15%; padding-left: 35px; } #footer #block-views-testimonials-block h2 { background: url(images/quotes-white.png) no-repeat 70px 0; padding-left: 37px; } /*subfooter*/ #subfooter ul.menu, #subfooter ul.menu li { float: none; display: inline-block; } .no-commerce .one-third .mask div.more, .one-sidebar .no-commerce .one-third .mask div.more, .no-commerce .one-half .mask div.more, .one-sidebar .no-commerce .one-half .mask div.more { top:48%; } .one-third .mask div.more, .one-sidebar .one-third .mask div.more, .one-half .mask div.more, .one-sidebar .one-half .mask div.more { top:38%; } code, pre, blockquote { margin-left:0; } } @media all and (max-width: 480px) { /*layout*/ #header-top-inside, #header, #main-navigation, #banner, #page-wrapper #page-top, #page, #page-bottom, #footer-inside, #subfooter-inside { margin:0 auto !important; width: 320px; } #banner { margin:0 auto 30px; } #page { margin-top:25px; } .block, #sidebar .block { padding: 0 0 25px 0; } /*typography*/ table th { text-align: center; font-size: 14px; padding: 10px 3px;} table td { text-align: center; padding: 10px 0; } .view-commerce-cart-block table td { text-align: left; padding: 10px; } /*header-top*/ #header-top .content ul li { width: 100%; padding: 11px 60px 11px 60px; text-align: center; background-image: none; } /*main page*/ .image-caption p { display: none; } .cart-link input[type="submit"] { background-position: 17% 10px; min-width: 100% } .link-wrapper .links li { padding-right: 5px; margin-right: 5px; } .comment .links { padding-right: 0px; } .comment .links li a { margin-right: 3px; min-width: 40px; } /*products*/ .cart-link input[type="submit"] { padding: 0 0 0 17px; background-position: 17px 1px; } #sidebar .mask div { top:32%; } /*flexslider*/ #main-slider .flex-control-nav { display: none; } #main-slider .flex-direction-nav li a { width: 50px; height: 60px; top: 45%; } /*page bottom */ .page-bottom-area .content { padding-left: 0; } /*footer*/ #footer #block-views-mt-recent-comments-block-1 h2, #footer #block-views-mt-recent-comments-block h2, #footer #block-views-mt-latest-posts-block h2 { background: url(images/messages-white.png) no-repeat 45px 0; padding-left: 36px; } #footer #block-views-testimonials-block h2 { padding-left: 15px; } /*subfooter*/ #subfooter ul.menu, #subfooter .region-sub-footer-left ul.menu, #subfooter ul.menu li { float: none; display: block; text-align: center; } #subfooter ul.menu li a { padding: 0; border-left: none; } .no-commerce .one-third .mask div.more, .one-sidebar .no-commerce .one-third .mask div.more, .no-commerce .one-half .mask div.more, .one-sidebar .no-commerce .one-half .mask div.more { top:45%; } .one-third .mask div.more, .one-sidebar .one-third .mask div.more, .one-half .mask div.more, .one-sidebar .one-half .mask div.more { top:33%; } } /*---------------------------------------------------------------------------------------------------*/ /* Scroll to top */ #toTop {opacity: 0.70; filter: alpha(opacity=70); width: 50px; height: 50px; background: #ce5828 url("images/backtotop-arrow.png") no-repeat center center; text-align: center; padding: 8px 5px 8px 30px; position: fixed; bottom: 37px; right: 20px; cursor: pointer; display: none; z-index: 100; font-size: 12px; color: #FFF; border: 1px solid #b04317; cursor: pointer; text-shadow: none; } #toTop:hover { opacity: 1; filter: alpha(opacity=100); background: #ce5828 url("images/backtotop-arrow.png") no-repeat center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} /* Drupal Commerce */ .button-operator { margin:0 10px; } .field-name-commerce-price, .field-type-commerce-price, .views-field-commerce-price { margin-bottom:5px; } .view-commerce-cart-block td.price.views-align-right, .view-commerce-cart-form td.price.views-align-right, .view-commerce-cart-summary td.price.views-align-right { text-align:right; padding-right:0; } .view-commerce-cart-block td.views-field-line-item-title, .view-commerce-cart-form td.views-field-line-item-title, .view-commerce-cart-summary td.views-field-line-item-title, .view-commerce-line-item-table td.views-field-line-item-title { font-weight:bold; } .view-commerce-cart-block table, .view-commerce-cart-form table, .view-commerce-cart-summary table, .view-commerce-line-item-table table, .view-commerce-cart-block tbody, .view-commerce-cart-form tbody, .view-commerce-cart-summary tbody, .view-commerce-line-item-table tbody, .view-commerce-cart-block tr, .view-commerce-cart-form tr, .view-commerce-cart-summary tr, .view-commerce-line-item-table tr, .view-commerce-cart-block table td, .view-commerce-cart-form table td, .view-commerce-cart-summary table td, .view-commerce-line-item-table table td { vertical-align:middle; } /* Commerce page-cart */ .page-cart .view-commerce-cart-form td.views-field-commerce-total.price { padding-right:0; text-align:right; } .addressfield-container-inline > div.form-item { float:none; margin:0; } /* Commerce page-checkout */ .page-checkout .view-commerce-cart-summary table.commerce-price-formatted-components tr { border:none; } .page-checkout .checkout-help { margin-bottom:10px; } .page-checkout .field-name-commerce-order-total td, .line-item-total { font-weight:bold!important; } /* Commerce page-review */ .page-checkout-review tr.pane-title { border:none; } .page-checkout-review tr.pane-data td { border-top:none; } .page-checkout-review tr.pane-title td { border-bottom:none; font-size:16px; } .commerce-paypal-icon { display:inline-block; } /* Commerce page-user order */ .view-commerce-line-item-table table.commerce-price-formatted-components tr { border:none; } /* Commerce page-user orders */ .view-commerce-user-orders table, .view-commerce-user-orders table tbody, .view-commerce-user-orders table tr, .view-commerce-user-orders table td { border:none; } .view-commerce-user-orders table td.views-field-line-item-title { font-weight:bold; } /* Commerce price formatted components */ .commerce-price-formatted-components td { padding-bottom:0; } .entity-commerce-order .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount td { padding:10px; } .commerce-price-formatted-components td.component-total { text-align:right; padding-right:0; } .commerce-price-formatted-components, .commerce-price-formatted-components tbody, .commerce-price-formatted-components tr, .commerce-price-formatted-components tr td { border:none; } /* TopHit as administration theme */ .password-strength { float: none; margin: 20px 0 10px 0; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ #header-top .content:before, #header-top .content:after, #main-navigation ul:before, #main-navigation ul:after, #main .node .content:before, #main .node .content:after, .contact-form:before, .contact-form:after, #subfooter .content:before, #subfooter .content:after, .view-content:before, .view-content:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } #header-top .content:after, #main-navigation ul:after, #main .node .content:after, .contact-form:after, #subfooter .content:after, .view-content:after { clear: both; } /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .container_12:before, .container_12:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .container_12:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container_12 { zoom: 1; }