/* * All of the CSS for your public-facing functionality should be * included in this file. */ /*-------------------------------------------------------------- # Fonts --------------------------------------------------------------*/ @font-face { font-family: 'flexslider-icon'; src:url('../fonts/flexslider/flexslider-icon.eot'); src:url('../fonts/flexslider/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider/flexslider-icon.woff') format('woff'), url('../fonts/flexslider/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------- # Helper Styles --------------------------------------------------------------*/ .ild-list { list-style: none; margin: 0; padding: 0; } .ild-title { color: #000; font-size: 1.25em; /*20px*/ font-weight: 700; letter-spacing: 1px; margin: 0 0 10px; text-transform: uppercase; } /* Thumbnails */ .ild-thumbnail-list { } .ild-thumbnail-list .thumbnail img { border-radius: 2px; width: 100%; } .ild-thumbnail-list .info { padding: 5px 10px; text-align: center; } .ild-thumbnail-list .info span { display: block; font-size: 0.875em; /*14px*/ } .ild-thumbnail-list .title { color: #00ACED; font-size: 1em; /*16px*/ font-weight: 700; } /* Image Zoom */ .ild-zoom { transition: all .2s ease-in-out !important; } .ild-zoom:hover { transform: scale(1.1); } /* Product Slider */ .ild-flexslider { } .ild-flexslider .slides img { display: block; margin: 0 auto; width: auto; } .ild-flexslider .flex-control-paging li a { background: #000; } .ild-flexslider .flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #FFDE00; } .ild-flexslider .flex-direction-nav a:before { font-size: 2em; /*32px*/ } /* Accordion */ .ild-accordion .panel-heading .accordion-toggle { padding-right: 25px; } .ild-accordion .panel-heading .accordion-toggle:after { color: inherit; content: "\f078"; float: right; font-family: 'FontAwesome'; font-weight: 300; position: absolute; right: 0; top: 0; } .ild-accordion .panel-heading .accordion-toggle.collapsed:after { content: "\f054"; } /*-------------------------------------------------------------- # CSS Overwrite --------------------------------------------------------------*/ /* Select2 Overwrite */ .ild-product-filter .select2-container { width: 100% !important; } .ild-product-filter .select2-container .select2-selection--single { height: 45px; } .ild-product-filter .select2-container--default .select2-selection--single { border-radius: 0; } .ild-product-filter .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 45px; } .ild-product-filter .select2-container--default .select2-selection--single .select2-selection__arrow { background: #aaa; height: 32px; right: 2px; width: 24px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ild-product-filter .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } .ild-product-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent } /* Bootstrap Dialog */ .bootstrap-dialog-close-button .close { background: none; } /*-------------------------------------------------------------- # News & Events --------------------------------------------------------------*/ .ild-news-events .thumbnail img { border-radius: 2px; } .ild-news-events .title { color: #00ADEE; display: block; font-size: 1.25em; /*20px*/ line-height: 1.25rem; /*20px*/ margin-bottom: 10px; text-align: center; vertical-align: top; } .ild-news-events .title:hover { font-weight: 700; } .ild-news-events li { margin-bottom: 10px; } .ild-news-events img { height: auto; margin-bottom: 10px; width: 100%; } .ild-news-events p { color: #525252; font-size: 0.875em; /*14px*/ margin-bottom: 10px; } .ild-recent-news-events .title { color: #00ADEE; display: block; font-size: 1.25em; /*20px*/ line-height: 1.25rem; /*20px*/ margin-bottom: 10px; vertical-align: top; } .ild-recent-news-events .title:hover { color: #000; } .ild-recent-news-events li { margin-bottom: 50px; } .ild-recent-news-events img { margin-bottom: 10px; } .ild-recent-news-events p { color: #525252; font-size: 0.875em; /*14px*/ } /*-------------------------------------------------------------- # Clientele --------------------------------------------------------------*/ .ild-cliente { text-align: center; } .ild-cliente li { display: inline-block; margin: 10px 0; padding: 0 10px; width: 24%; } .ild-cliente img { max-height: 120px; width: auto; } .ild-cliente .btn { background: #aaa; border-radius: 0; color: #fff; font-size: 0.75em; /*12px*/ font-weight: 700; letter-spacing: 1px; margin-top: 40px; padding: 15px 25px; } .ild-featured-cliente { text-align: center; } .ild-featured-cliente ul li { display: inline-block; margin: 10px 0; padding: 0 10px; width: 24%; } .ild-featured-cliente ul img { max-height: 120px; width: auto; } .ild-featured-cliente .btn { background: #aaa; border-radius: 0; color: #fff; font-size: 0.75em; /*12px*/ font-weight: 700; letter-spacing: 1px; margin-top: 40px; padding: 15px 25px; text-transform: uppercase; } .ild-featured-cliente .btn:hover { background: #00ADEE; color: #fff; text-shadow: 0 0 2px #000; } /*-------------------------------------------------------------- # Projects --------------------------------------------------------------*/ .ild-featured-projects { margin: 70px auto 100px; text-align: center; } .ild-featured-projects h2 { color: #000; font-size: 1.5em; /*24px*/ font-weight: 700; margin-bottom: 60px; text-align: center; } .ild-featured-projects img { position: relative; width: 100%; z-index: 2; } .ild-featured-projects .first { clear: both; } .ild-featured-projects .thumb { display: inline-table; margin: 10px; max-width: 325px; } .ild-featured-projects .info { border: 1px solid #D2D2D2; border-top: none; font-size: 1.125em; /*18px*/ font-weight: 400; padding: 15px 15px 10px; position: relative; text-align: center; } .ild-featured-projects .info:before { border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #fff; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: -15px; width: 0; } .ild-featured-projects .info span { display: block; } .ild-featured-projects .name { color: #00ACED; transition: 0.3s } .ild-featured-projects .name:hover { font-weight: 700; } .ild-featured-projects .location { color: #aaa; } .ild-featured-projects .btn { background: #aaa; border-radius: 0; color: #fff; font-size: 0.75em; /*12px*/ font-weight: 700; letter-spacing: 1px; margin-top: 50px; padding: 15px 30px; } .ild-featured-projects .btn:hover { background: #00ADEE; color: #fff; text-shadow: 0 0 2px #000; } .ild-project-info { color: #000; font-size: 1.125em; /*18px*/ font-weight: 300; margin-bottom: 10px; padding-bottom: 10px; } .ild-project-info .row { margin-bottom: 10px; } .ild-project-info hr { background: transparent; border: none; border-top: 1px solid #ccc; margin: 15px 0 5px; } /*-------------------------------------------------------------- # FAQs --------------------------------------------------------------*/ #ild-faqs .category-name { border-bottom: 3px solid #FFDE00; color: #00AEEF; font-size: 1.75rem; /*28px*/ font-weight: 400; margin-top: 0; padding-bottom: 10px; } #ild-faqs .panel, #ild-faqs .panel-body { border: none; box-shadow: none; } #ild-faqs .panel-heading { background: transparent; border-bottom: 1px solid #999; } #ild-faqs .panel-heading .panel-title { position: relative; } #ild-faqs .panel-heading .accordion-toggle:before { border: 1px solid #818181; color: inherit; content: "\f068"; float: left; font-family: 'FontAwesome'; font-size: 0.625rem; /*10px*/ font-weight: 300; left: 0; margin-top: 1px; padding: 3px; position: absolute; } #ild-faqs .panel-heading .accordion-toggle.collapsed:before { content: "\f067"; } #ild-faqs .panel-title a { color: #818181; display: block; font-size: 1.125em; /*20px*/ padding-left: 25px; } #ild-faqs .panel-title a:after { color: #00AEEF; } #ild-faqs .panel-body { padding: 20px 20px 0 40px; } #ild-faqs .panel-body p { color: #818181; margin-bottom: 5px; } /*-------------------------------------------------------------- # Products --------------------------------------------------------------*/ .ild-products h2.main-category-name { color: #000; font-size: 2.25em; /*36px*/ font-weight: 700; margin: 0 0 10px; position: relative; } .ild-products h2.category-name { font-size: 2.25em; /*36px*/ font-weight: 700; margin: 0 0 25px; position: relative; } .ild-products h2.category-name:before { background: #FFDE00; content: ""; display: block; height: 3px; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ild-products h2.category-name a { background: #fff; color: #00AEEF; padding-right: 20px; position: relative; z-index: 2; } .ild-products h2.category-name a:hover { color: #23c3ff; } .ild-products ul.products { margin: 0 -15px 30px; padding: 0; } .ild-products ul.products li.first { clear: both; } .ild-products ul.products li.product { display: inline-block; } .ild-products ul.products li.product a.product-name { color: #000; display: block; font-size: 1.25em; /*20px*/ font-weight: 700; /*min-height: 100px;*/ padding: 20px 0; } .ild-products ul.products li.product a.product-name:hover { color: #00AEEF; } .ild-products ul.products li.product a img { display: block; height: auto; width: 100%; } .ild-products .ild-title { color: #000; font-size: 1.5em; /*24px*/ font-weight: 700; margin: 0; text-transform: uppercase; } .ild-products .ild-title:before { border-left: 3px solid #FFDE00; border-top: 3px solid #FFDE00; content: ""; display: block; height: 55px; left: 0; position: absolute; top: 0; width: 105px; } .ild-products .ild-title-header { padding: 30px 25px; position: relative; } .ild-products .ild-title-header + * { padding-left: 25px; /*padding-right: 25px;*/ } .ild-products .ild-title-header p.description { font-size: 1.125em; /*18px*/ margin: 20px 0 0; } .ild-products h2.product-name { font-size: 2.25em; /*36px*/ font-weight: 700; margin: 0 0 25px; position: relative; } .ild-products h2.product-name:before { background: #FFDE00; content: ""; display: block; height: 3px; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ild-products h2.product-name a { background: #fff; color: #00AEEF; padding-right: 20px; position: relative; z-index: 2; } /*.ild-products h2.product-name a:hover { color: #23c3ff; text-shadow: 0 0 2px #000; }*/ .ild-products ul.thumbnails { margin: 0 -15px 30px; padding: 0; } .ild-products ul.thumbnails li.first { clear: both; } .ild-products ul.thumbnails li.thumb { display: inline-block; } .ild-products ul.thumbnails li.thumb div.info { padding: 20px 0; } .ild-products ul.thumbnails li.thumb div.info p { margin-bottom: 0; } .ild-products ul.thumbnails li.thumb a.title { color: #000; display: block; font-size: 1.25em; /*20px*/ font-weight: 700; /*min-height: 100px;*/ } .ild-products ul.thumbnails li.thumb a.title:hover { color: #00AEEF; } .ild-products ul.thumbnails li.thumb a img { display: block; height: auto; width: 100%; } /*-------------------------------------------------------------- ## Product Filter --------------------------------------------------------------*/ .ild-product-filter { background: #000; margin-bottom: 50px; padding: 30px 25px 15px; } /*.ild-product-filter .form-group { margin-bottom: 0; }*/ .ild-product-filter .reset-btn { background: #aaa; border-radius: 0; color: #fff; display: block; font-size: 0.75em; /*12px*/ font-weight: 700; letter-spacing: 2px; line-height: 45px; min-height: 45px; text-align: center; } .ild-product-filter .reset-btn:hover { color: #000; } /*-------------------------------------------------------------- # Product Downloads --------------------------------------------------------------*/ #ild-product-downloads {} #ild-product-downloads .panel { border: none; box-shadow: none } #ild-product-downloads .panel-heading { background: transparent; border-bottom: 1px solid #ccc; padding: 10px 0; } #ild-product-downloads .panel-title { font-size: 1.125em; /*18px*/ font-weight: 700; position: relative; } #ild-product-downloads .panel-title a { display: block; color: #333; } #ild-product-downloads .panel-title .accordion-toggle:after { font-size: 1em; padding: 0 5px; } #ild-product-downloads .panel-body { border: 1px solid #ccc; border-radius: 0 0 3px 3px; border-top: none; padding: 10px; } #ild-product-downloads .panel-group { margin-bottom: 0; } /*#ild-product-downloads .category-panel { border: none; box-shadow: none; }*/ #ild-product-downloads .category-heading { border-bottom: 3px solid #FFDE00; } #ild-product-downloads .category-title a { color: #00AEEF; font-size: 1.75rem; /*28px*/ font-weight: 400; } #ild-product-downloads .category-title .accordion-toggle:after { color: #00AEEF; font-weight: 300; padding: 0 10px; } #ild-product-downloads .category-panel-body { border: none; box-shadow: none; padding: 0; } /*#ild-product-downloads .product-panel-group { padding-left: 15px; }*/ #ild-product-downloads .product-title { font-size: 1em; } #ild-product-downloads .product-title a { color: #898989; padding-left: 25px; } #ild-product-downloads .product-title .accordion-toggle:after { font-size: 0.75rem; /*12px*/ float: left; left: 0; margin-top: 3px; position: absolute; top: 0; } #ild-product-downloads .product-files h4 { color: #00aeef; font-size: 1em; font-weight: 700; margin-top: 0; } #ild-product-downloads .product-files ul { list-style: none; margin-bottom: 10px; padding: 0; } #ild-product-downloads .product-files a, #ild-product-downloads .product-files span { color: #000; font-size: 0.75em; font-weight: 700; } #ild-product-downloads .product-files a:hover { color: #00aeef; } #ild-product-downloads .product-files .file-icon { float: left; margin-right: 10px; } #ild-product-downloads .product-files .file-icon img { max-height: 40px; } /*-------------------------------------------------------------- # Single Product --------------------------------------------------------------*/ #ild-product-slider { } #ild-product-slider .slides img { display: block; margin: 0 auto; max-height: 575px; width: auto; } #ild-product-slider .flex-control-paging li a { background: #000; } #ild-product-slider .flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #FFDE00; } #ild-product-slider .flex-direction-nav a:before { font-size: 2em; /*32px*/ } #ild-product-gallery { border: none; /*box-shadow: 0 0 1px #000;*/ float: left; margin: 0 30px 15px 0; max-width: 400px; width: 34.04%; } #ild-product-gallery .slides > li { box-shadow: 0 0 2px #000; border-radius: 0 0 3px 3px; padding: 3px; } #ild-product-galler .flex-direction-nav a:before { font-size: 30px; } #ild-product-galler .flex-caption { background: transparent; bottom: 0; left: 0; /*padding: 2%;*/ padding: 5px 10px; width: 100%; } #ild-product-galler .flex-caption p { color: #000 !important; font-size: 1.125em !important; /*18px*/ font-weight: 600 !important; letter-spacing: 1px; margin-bottom: 0 !important; text-align: center; } #ild-dl-files-anchor { } #ild-dl-files-anchor img { margin-right: 10px; max-height: 50px; } #ild-dl-files-anchor a { color: #00ACED; font-weight: 700; } #ild-product-system-features { margin-bottom: 50px; } #ild-product-system-features ul { list-style: none; margin: 0; padding: 0; } #ild-product-system-features ul li { color: #000; font-size: 0.9375em; /*15px*/ margin: 15px 0; padding-left: 20px; position: relative; } #ild-product-system-features ul li:before { color: #FFDE00; content: "\2022"; font-size: 1em; left: 0; position: absolute; } #ild-product-specifications { margin-bottom: 50px; } #ild-product-specifications ul { list-style: none; margin: 0; padding: 0; } #ild-product-specifications ul li { color: #000; font-size: 0.9375em; /*15px*/ margin: 15px 0; padding-left: 20px; position: relative; } #ild-product-specifications ul li:before { color: #FFDE00; content: "\2022"; font-size: 1em; left: 0; position: absolute; } #ild-product-certifications { list-style: none; margin: 0 0 60px; padding: 0 15px; } #ild-product-certifications li { display: inline-block; margin: 0 40px 10px 0; vertical-align: middle; } #ild-product-certifications li:last-child { margin-right: 0; } #ild-product-certifications li img { max-height: 35px; width: auto; } #ild-product-options section { margin-bottom: 30px; } #ild-product-options h4 { color: #000; font-size: 1.125em; /*18px*/ line-height: 3rem; /*48px*/ margin: 0; text-transform: uppercase; } #ild-product-options ul { list-style: none; margin-bottom: 0; padding: 0; } #ild-product-options ul li { color: #878787; font-size: 0.9375em; /*15px*/ margin-bottom: 3px; min-height: 50px; } #ild-product-options ul li img { height: 50px; margin: 0 10px 0 0; width: 50px; } #ild-product-options ul li span { display: inline; /*line-height: 50px;*/ vertical-align: middle; } #ild-product-color-temperatures ul li { margin-bottom: 5px; vertical-align: middle; } #ild-product-color-temperatures ul li .color-panel { display: inline-block; height: 50px; margin: 0 10px 0 0; width: 50px; } #ild-product-color-temperatures ul li .color-code { display: inline-block; /*line-height: 50px;*/ } #ild-product-files .panel-default > .panel-heading { background: #000; } #ild-product-files .panel-heading .accordion-toggle:after { color: #fff; } #ild-product-files .panel-title { color: #fff; font-size: 1.125em; /*18px*/ margin: 0; } #ild-product-files .panel-title a { display: block; } #ild-product-files .panel-title a:hover, #ild-product-files .panel-title a:focus, #ild-product-files .panel-title a:hover:after { border: none; color: #FFDE00; } #ild-product-files h4 { color: #00ACED; font-weight: 700; margin: 15px 0; } #ild-product-files ul { list-style: none; margin-bottom: 0; margin-top: 10px; padding: 0; } #ild-product-files ul li { margin-bottom: 10px; } #ild-product-files ul li a, #ild-product-files ul li span { color: #000; font-size: 0.75em; /*12px*/ font-weight: 700; } #ild-product-files ul li a:hover { color: #00ACED; /*font-size: 0.9375em;*/ /*15px*/ } #ild-product-files ul li .file-icon { float: left; margin-right: 10px; } #ild-product-files ul li .file-icon img { max-height: 45px; } #ild-product-thumbnails ul { list-style: none; margin: 0 -15px; padding: 0; } #ild-product-thumbnails ul li { margin-bottom: 8px; } #ild-product-thumbnails ul li a { color: #888; display: block; font-size: 1.125em; /*20px*/ } #ild-product-thumbnails ul li a:hover { color: #000; } #ild-product-thumbnails ul li small { color: #333; font-weight: 700; } #ild-product-thumbnails ul li .thumbnail { margin: 0 auto 10px; width: 100%; } #ild-product-thumbnails ul li.first { clear: both; } #ild-brochure-btn .label { color: #333; font-size: 0.75em; /*12px*/ font-weight: 400; padding: 0; text-transform: uppercase; } /* #ild-brochure-btn button { border-radius: 2px; color: #000; content: "\f067"; cursor: pointer; font-family: "FontAwesome"; font-size: 1.125rem; 18px font-weight: 400; margin-left: 10px; padding: 8px 12px; } #ild-brochure-btn .add { background: #ccc; } #ild-brochure-btn .remove { background: #FFDE00; } */ #ild-brochure-btn button { border-radius: 2px; color: #000; cursor: pointer; font-size: 1.125rem; /*18px*/ font-weight: 400; margin-left: 10px; padding: 8px 12px; } #ild-brochure-btn button.add { background: #ccc; } #ild-brochure-btn button.remove { background: #FFDE00; } /*-------------------------------------------------------------- ## Product Configurator --------------------------------------------------------------*/ #ild-configurator { margin-top: 30px; } #ild-configurator .header { margin-bottom: 10px; } #ild-configurator .btn { background: #eee; border: none; border-radius: 0; color: #000; display: inline-block; /* float: right; */ font-size: 0.875em; /*14px*/ padding: 8px 10px; text-shadow: none; transition: 0.3s; } #ild-configurator .btn:before { font-family: "FontAwesome"; font-size: 1.5em; /*24px*/ margin-right: 10px; } /*#ild-configurator .dl-btn[disabled] { background: #eee; color: #000; cursor: not-allowed; }*/ #ild-configurator .reset-btn:hover { background: #D9534F; border-radius: 0; color: #fff; } #ild-configurator .reset-btn:before { content: "\f021"; } #ild-configurator .dl-btn:hover { background: #000; border-radius: 0; color: #FFDE00; } #ild-configurator .dl-btn:before { content: "\f019"; } #ild-configurator h3 { margin: 10px 0 0; } #ild-configurator h4 { color: #888; font-size: 1.125em; /*18px*/ /*font-weight: 700;*/ /*letter-spacing: 1px;*/ line-height: 2.25rem; /*36px*/ text-transform: uppercase; } #ild-configurator ul { border: 1px solid #ccc; list-style: none; margin: 0; padding: 0; } #ild-configurator ul li { border-bottom: 1px solid #ccc; color: #000; /*cursor: pointer;*/ font-size: 0.9375em; /*15px*/ line-height: 50px; } #ild-configurator ul li:last-child { border-bottom: none; } #ild-configurator .ild-term.is-selected { background: #000; color: #fff; } #ild-configurator .first { clear: both; } #ild-configurator .primary-code { color: #00ACED; font-size: 1.5rem; /*24px*/ font-weight: 400; } #ild-configurator .product-code { color: #00ACED; font-size: 1.5em; /*24px*/ } #ild-configurator .product-code span { margin-right: -2px; } #ild-configurator .ild-enable { cursor: pointer; } #ild-configurator .ild-disable { background: #E6E6E6; cursor: not-allowed; } /* Hide variations form for product configurator */ .woocommerce .variations_form, .woocommerce .variations_form .variations { display: none !important; } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ @media screen and (max-width: 75em) { /* 1200px */ /* News & Events */ .ild-news-events li, .ild-recent-news-events li { margin-bottom: 15px; } } @media screen and (max-width: 62em) { /* 992px */ /* Featured Projects */ .ild-featured-projects { margin: 20px auto 30px; } .ild-featured-projects h2 { margin-bottom: 20px; } .ild-featured-projects .btn { margin-top: 10px; } /* Products */ .ild-products-category h2.category-name { font-size: 1.5em; } .ild-products-category ul.products { margin-bottom: 10px; } .ild-products-category ul.products li.product a.product-name { font-size: 1em; padding: 10px 0; } .ild-products h2.product-name, .ild-products h2.category-name, .ild-products h2.main-category-name { font-size: 1.5em; } .ild-products ul.variations { margin-bottom: 10px; } .ild-products ul.variations li.variation a.variation-title { font-size: 1em; padding: 10px 0; } /* Single Product */ #ild-product-gallery { float: none; margin: 0 auto 10px; max-width: 400px; padding: 0; width: 100%; } #ild-product-options section { margin-bottom: 5px; } #ild-product-options ul li { min-height: auto; } #ild-product-options ul li span { display: block !important; } #ild-configurator .btn { margin: 3px 5px; } } @media screen and (max-width: 47.9375em) { /* 767px */ /* Clientele */ .ild-cliente li, .ild-featured-cliente ul li { width: 48%; } /* Products */ .ild-products-category ul.products li.product { clear: both; } .ild-products-category ul.products li.product:nth-child( 2n ) { clear: none !important; float: right; } .ild-products .ild-title-header { padding: 20px 15px; } .ild-products .ild-title-header + * { padding: 0; } .ild-products .ild-title-header p.description { font-size: 1em; } .ild-products ul.thumbnails li.thumb { clear: both; } .ild-products ul.thumbnails li.thumb:nth-child( 2n ) { clear: none !important; float: right; } /* Downloads */ #ild-product-downloads .category-title a { font-size: 1.125em; font-weight: 700; } #ild-product-downloads .panel-title { font-size: 1em; } #ild-product-downloads .product-title .accordion-toggle:after { margin-top: 1px; } /* FAQs */ #ild-faqs .category-name { font-size: 1.25rem; } #ild-faqs .panel-title a { font-size: 1em; } #ild-faqs .panel-body { padding: 10px 10px 0 40px; } /* Single Product */ #ild-product-slider { margin-bottom: 40px; } #ild-product-options ul li span { line-height: normal; } #ild-product-system-features { margin-bottom: 15px; } #ild-product-certifications { margin-bottom: 15px; text-align: center; } #ild-product-certifications li { margin: 0 15px 10px; } #ild-product-certifications li img { max-height: 50px; } #ild-product-options ul li { text-align: center; } #ild-product-options ul li img { margin: 0 auto 5px; } #ild-product-color-temperatures ul li .color-panel { margin: 5px auto; } /*#ild-product-color-temperatures ul li .color-code { line-height: normal; }*/ #ild-product-color-temperatures ul li { text-align: center; } #ild-product-files ul li img { max-height: 50px; } #ild-product-projects ul li, #ild-product-applications ul li { clear: both; } #ild-product-projects ul li:nth-child( 2n ), #ild-product-applications ul li:nth-child( 2n ) { clear: none !important; float: right; } } @media screen and (max-width: 30em) { /* 480px */ /* Recent News & Events */ .ild-recent-news-events img { display: block; float: none; margin: 0 auto 10px; } /* Clientele */ .ild-cliente li { width: 100%; } #ild-product-projects ul li, #ild-product-applications ul li { text-align: center; } } @media screen and (max-width: 24em) { /* 384px */ /* Downloads */ /*#ild-product-downloads .product-title .accordion-toggle:after { display: none; }*/ }