/** * MAIN CSS * - Yahoo Reset * - Yahoo Base * - Custom Base Inputs, Columns, Slick Slider, TinyMCE * - Font Face * - Theme Globals * - Theme Styled * - Theme WYSIWYG * - Theme Commons * - Theme Layout * - Responsive * **/ @charset "UTF-8"; /* RESET Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.2r1 */ html{color:#000;background:#FFF}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:inherit}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{font-size:100%} /* BASE Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.2r1 */ *,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;}body{margin:2em}address,article,aside,audio,blockquote,canvas,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,main,nav,noscript,ol,output,p,pre,section,select,td,textarea,th,ul,video{line-height:inherit}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}fieldset,h1,h2,h3,p,pre,table{margin:1em 0}caption,dt,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}optgroup{font-weight:400}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through;color:red}img{ height: auto; max-width: 100%; }blockquote,dl,ol,ul{margin:1em}dl,ol,ul{margin-left:2em}ol li{list-style:decimal}ul li{list-style:disc}td,th{border:0;padding:0}th{text-align:center}caption{margin-bottom:.5em;text-align:left}sup{vertical-align:super}sub{vertical-align:sub}button,input[type=checkbox],input[type=radio],input[type=reset],input[type=submit]{padding:1px}table{border-collapse:collapse}.align-left,td[align=left],th[align=left]{text-align:left}.align-center,td[align=center],th[align=center]{text-align:center}.align-right,td[align=right],th[align=right]{text-align:right}.valign-top,td[valign=top],th[valign=top]{vertical-align:top}.valign-middle,td[valign=middle],th[valign=middle]{vertical-align:middle}.valign-bottom,td[valign=bottom],th[valign=bottom]{vertical-align:bottom}.clear,.clearfix{display:block;clear:both;visibility:hidden;line-height:0;height:0}.u,sup,u{text-decoration:underline}ins{color:green}small{font-size:.8em}big{font-size:1.2em}sub,sup{font-size:.7em;line-height:1em}div>:first-child,td>:first-child,th>:first-child{margin-top:0}div>:last-child,td>:last-child,th>:last-child{margin-bottom:0}.clearbox:after,.container:after{clear: both;content: '';display: block;height: 0;overflow: hidden;} /* INPUTS */ input[type=checkbox],input[type=radio]{background:0 0;border:none;cursor:pointer;font-size:1em;height:auto;padding:0;position:relative;top:0}input[type=file]{line-height:normal}input[type=range]{background:0 0;border:none}.input-button,button,input[type=button],input[type=color],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none} /* COLUMNS */ .cols{display:table;table-layout:fixed;width:100%}.col{display:table-cell;text-align:left;vertical-align:top}.col-12{width: 100%;}.col-11{width: 91.66666667%;}.col-10{width: 83.33333333%;}.col-9{width: 75%;}.col-8{width: 66.66666667%;}.col-7{width: 58.33333333%;}.col-6{width: 50%;}.col-5{width: 41.66666667%;}.col-4{width: 33.33333333%;}.col-3{width: 25%;}.col-2{width: 16.66666667%;}.col-1{ width: 8.33333333%; } /* SLICK SLIDER */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* TINYMCE */ .alignleft,.img-left, img[align="left"]{ float: left; } img.alignleft, img.img-left, img[align="left"]{ margin: .75em 1.5em .75em 0; } .alignright, .img-right, img[align="right"]{ float: right; } img.alignright, img.img-right, img[align="right"]{ margin: .75em 0 .75em 1.5em; } .mce-content-body{ margin: 0 auto; padding: 1.538em; z-index: 333; }.mce-content-body>:first-child{margin-top:0}.mce-content-body>:last-child{margin-bottom:0} .mce-content-body div{ outline: 1px dashed #ccc; } .mce-content-body table, .mce-content-body table th, .mce-content-body table td{ font-family: inherit; font-size: 1em; line-height: 1.154em; } .mce-content-body table td{ color: inherit; margin: inherit; }body.wp-autoresize{ padding: 1.538em !important; } /* LIGHTBOX */ #lightbox{background:0 0;height:100%;left:0;padding:0;position:fixed;top:0;width:100%;z-index:999}#lightbox .lightbox-overlay{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpiZGBgOMNARcDEQGUwauCogaMGjho4auBQMRAgwACM7wD0IYuxlgAAAABJRU5ErkJggg==');background:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}#lightbox .lightbox-content{ background:#333;left:50%;max-height:90vh;padding:0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99999}#lightbox .lightbox-content iframe{border:0;display:block;height:100%;overflow-x:hidden!important;overflow-y:scroll;width:100%;-webkit-transition:all 0.5s 0.5s;-moz-transition:all 0.5s 0.5s;transition:all 0.5s 0.5s;}#lightbox .lightbox-content{background-color: #333;-webkit-overflow-scrolling:touch!important;-moz-overflow-scrolling:touch!important;overflow-scrolling:touch!important;overflow:none!important;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}#lightbox .lightbox-close{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYRJREFUeNrs2L9Kw0AcB/A0dulayCQIhUKng6zOgqMP4AvkCZpVHEqHPEHWDl1LHQUHQegqCIKTkyD4AAWhpN+DX0HCJb3kfmct/g6+lPTC5UN6f9spiiI4hhIGR1IEKlCBClSgbqVrc1OSJPrjGrlF3pAUeW35TIVMkRFyg8zzPOeBopwiM+QEGSLnyAXy3BAZIw9In651m4/IB9dP/1267tMDYwfkrmw4++gXMnHAViF1m5/cg0n3p6wFtgqZUZteRn3aEFuHTH1PT7ZYNmSTUW/C6jIuYe+RS7pmQ7pAq7ARYQNOpCu0DhtwIrmWUFOfZUVyrvVzZG34fk11f2JTElO/7BnqelSnDg1VBIlq7oloBlCHgioCRIY+mXFjux6QPwfO2IDVu66X33ijtsiU882GnpDs2NAjkhVrC9XTzLIFch92WTGttYbqo8jAccUxYQfUNhv0HVkxLItl7IraZpueNjStXNFB7Mlxb7BAzpA72zNTR/7IFahABSrQ/wHdCjAAy3hfa/FY1E0AAAAASUVORK5CYII=') no-repeat;border:1px solid #666;cursor:pointer;display:block;height:42px;overflow:hidden;position:fixed;text-indent:-999em;right:10px;top:10px;width:42px;z-index:99999}#lightbox .lightbox-close:hover{background-color:#fff}.is-lightbox,.is-lightbox body{height:100%;margin:0;overflow-x:hidden;padding:0}.is-lightbox{-webkit-overflow-scrolling:auto!important;-moz-overflow-scrolling:auto!important;overflow-scrolling:auto!important;overflow:hidden!important}.is-lightbox body{position:relative} #lightbox[data-status="loading"] .lightbox-content{background:#333 url('data:image/gif;base64,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') no-repeat center center;height:150px;width:200px;}#lightbox[data-status="loading"] .lightbox-content iframe{opacity: 0; width: 1000px; }#lightbox[data-status="loading"] .lightbox-close{display:none;}#lightbox[data-status="ready"] .lightbox-content{width:1000px;}#lightbox[data-status="ready"] .lightbox-content iframe{opacity: 1;}#lightbox[data-status="ready"] .lightbox-close{display:block;} /*** * FONTS **/ @font-face { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; src: url('../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?v=4.6.3'); src: url('../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/font-awesome-4.7.0/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); } /** * GLOBALS **/ ::-webkit-scrollbar{} ::-webkit-scrollbar-track{} ::-webkit-scrollbar-thumb{} html{} body{ font-family: 'Roboto', sans-serif; font-size: 15px; line-height: normal; } a{ color: inherit; } a:focus, a:hover{ color: #0a93ff;} h1{ color: #01437d; font-family: 'Roboto Slab', sans-serif; font-size: 2em; } h2{ font-size: 120%; font-weight: 700; margin: 1.30em 0; } h3{ font-size: 1em; margin-bottom: -1em; } h4{ font-size: 1em; margin-bottom: -1em; } h5{ font-size: 0.9em; margin-bottom: -1em; } h6{ font-size: 0.875em; margin-bottom: -1em; } iframe{ height: 365px; width: 650px; } hr{} p{ margin: 1.25em 0; } pre{ background-color: #888; } .wysiwyg-panel{ font-size: 17px; line-height: 1.5; } .wysiwyg-panel h1, .wysiwyg-panel h2{ color: #01437d; font-family: 'Roboto Slab', sans-serif; font-size: 1.525em; } .wysiwyg-panel h3{ font-size: 120%; font-weight: 700; margin: 1.30em 0; } .wysiwyg-panel h4{ font-size: 1em; margin-bottom: -1em; } .wysiwyg-panel h5{ font-size: 1em; margin-bottom: -1em; } .wysiwyg-panel h6{ font-size: 0.9em; margin-bottom: -1em; } .wysiwyg-panel p{ margin: 1.5em 0; } .wysiwyg-the-page{ font-size: 18px; font-weight: 700; line-height: 1.5; } .wysiwyg-the-page{} .wysiwyg-the-page{} .wysiwyg-the-page{} .wysiwyg-the-page{} /** * FORM **/ ::-webkit-input-placeholder{ font-style: italic; } ::-moz-placeholder{ font-style: italic; } :-ms-input-placeholder{ font-style: italic; } :-moz-placeholder{ font-style: italic; } label{ cursor: pointer; } input, select, textarea{ background-color: #fff; border: 1px solid #818285; box-sizing: border-box; color: #3e515b; font-size: 0.875em; vertical-align: middle; } input:focus, select:focus, textarea:focus{ box-shadow: 0 0 0 0.2rem rgba(32,168,216,.25); outline: 0; } input:hover, select:hover, textarea:hover{ border-color: #0a93ff; } input, select{ height: 38px; line-height: 38px; padding: 0 15px; } input[type="file"]{ height: 50px; line-height: 20px; padding: 15px 20px; } select{ cursor: pointer; } textarea{ padding: 10px; } input[type=number]{ -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0; } input[type=date]{ -moz-appearance: textfield; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0; } input[type="radio"], input[type="checkbox"]{ border: 0; height: auto; padding: 0; width: auto; } input[type="button"], input[type="reset"], input[type="submit"], button, .input-button[href]{ background-color: transparent; color: #818285; border: 1px solid #818285; cursor: pointer; display: inline-block; font-size: 0.9333333333em; font-family: 'Roboto Condensed'; font-weight: 700; line-height: 1; overflow: hidden; text-transform: uppercase; text-decoration: none; vertical-align: middle; white-space: nowrap; } input[type="button"], input[type="reset"], input[type="submit"]{ padding: 0 25px; } button, .input-button[href]{ padding: 11px 63px 10px 25px; position: relative; } button:after, .input-button[href]:after{ border: 1px solid #818285; content: '\f054'; font-family: 'FontAwesome'; font-weight: normal; display: block; line-height: 36px; position: absolute; right: -1px; text-align: center; top: -1px; width: 36px; } input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:focus, .input-button[href]:focus, .label-button:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover, .input-button[href]:hover, .label-button:hover{ background-color: #fff; border-color: #0a93ff; color: #0a93ff; outline: 0; text-decoration: none; } input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button:active, .input-button[href]:active, .label-button:active{ background-color: #0a93ff; color: #fff; } button:focus:after, .input-button[href]:focus:after, button:hover:after, .input-button[href]:hover:after{ background-color: #0a93ff; border-color: #0a93ff; color: #fff; } .input-button-free:before{ background: #818285; color: #fff; content: ''; display: block; font-size: 0.6em; line-height: 1; left: -35px; padding: 1px 0 0 0; position: absolute; text-align: center; top: 10px; width: 100px; } .input-button-free:before{ transform: rotate(-45deg); } .input-button-free:active:before{ background-color: #fff; color: #0a93ff; } html[lang="en"] .input-button-free:before{ content: 'FREE'; } html[lang="fr"] .input-button-free:before{ content: 'GRATUIT'; } .link-button{ background-color: transparent; color: #818285; border: 1px solid #818285; cursor: pointer; display: inline-block; font-size: 12px; font-family: 'Roboto Condensed'; font-weight: 700; line-height: 1; text-transform: uppercase; text-decoration: none; vertical-align: middle; white-space: nowrap; } .link-button{ padding: 8px 32px 7px 12px; position: relative; } .link-button:after{ content: '\f054'; font-family: 'FontAwesome'; font-weight: normal; display: block; line-height: 29px; position: absolute; right: 0; text-align: center; top: 0; width: 29px; } .link-button:hover{ background-color: #0a93ff; border-color: #0a93ff; color: #fff; } .link-button:focus:after, .link-button:hover:after{ background-color: transparent !important; color: inherit !important; } input[aria-invalid], textarea[aria-invalid]{ background-color: #ffe7e2; border-color: #EE0022; color: #EE0022; box-shadow: inset 1px 2px 2px #ffacac; } select[aria-invalid]{ background-color: #ffe7e2; border-color: #EE0022; color: #EE0022; } .label-checkbox, .label-radio{ display: block; min-height: 30px; position: relative; padding-left: 40px; padding-top: 0.25em;} .label-checkbox input, .label-radio input{ left: -999em; position: absolute; } .label-checkbox .label-text:before, .label-radio .label-text:before{ background-color: #fff; border: 1px solid #888; color: #8fc73e; content: ''; display: block; font-size: 1em; font-family: 'FontAwesome'; font-weight: normal; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; width: 30px; } .label-checkbox input:focus + .label-text:before, .label-radio input:focus + .label-text:before{ border-color: #0a93ff; box-shadow: 0 0 0 0.2rem rgba(32,168,216,.25); outline: 0; } .label-checkbox input:checked + .label-text:before, .label-radio input:checked + .label-text:before{ color: #0a93ff; content: '\f00c'; } .label-checkbox input:checked + .label-text:before{ content: '\f00c'; } .label-radio .label-text:before{ border-radius: 50%; } .label-radio input:checked + .label-text:before{ content: '\f111'; } .label-select{ background-color: #fff; border: 1px solid #888; box-sizing: border-box; display: inline-block; height: 35px; line-height: 35px; position: relative; } .label-select select{ background-color: transparent; border: 0; display: block; height: inherit; line-height: inherit; padding-right: 50px; position: relative; width: 100%; z-index: 1; } .label-select select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .label-select:after{ background-color: #707070; color: #fff; content: '\f107'; font-family: 'FontAwesome'; font-size: 1.25em; font-weight: 600; height: inherit; line-height: inherit; position: absolute; right: -1px; text-align: center; top: -1px; width: 35px; z-index: 0; } .label-select:focus, .label-select:hover{ border-color: #0a93ff; } .label-select:focus:after, .label-select:hover:after{ background-color: #0a93ff; color: #fff; } .field-file input[type="file"]{ left: -999em; position: absolute; } .field-file input[type="text"]{ display: block; position: relative; z-index: 2; } .field-file .field-input{ height: 38px; line-height: 38px; padding: 0 42px; position: relative; width: 100%; } .field-file .label-file, .field-file .file-remove{ border: 0; height: inherit; line-height: inherit; font-family: 'FontAwesome'; padding: 0; position: absolute; text-align: center; top: 0; width: 42px; } .field-file .label-file{ left: 0; } .field-file .file-remove{ right: 0; } .field-file .file-progress{ background: #38c0c5; bottom: -7px; display: none; height: 5px; left: 0; position: absolute; width: 0; } .field-file .file-progress:before { content:""; display: block; position: absolute; right: -4px; top: 5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #3db44b; z-index: 99; } .field-file .file-progress:after{ box-shadow: 0 0 5px rgba(0,0,0,0.25); background: #3db44b; color: #fff; content: attr(title); font-size: 10px; line-height: 18px; position: absolute; right: -20px; text-align: center; top: 10px; z-index: 98; width: 40px; } .field-file .field-preview{ margin-bottom: 10px; } .field-file .field-preview img, .field-file .field-preview iframe, .field-file .field-preview video{ border: 1px solid #ccc; display: block; height: auto; } .field-file .field-preview img{ max-width: 100%; } .field-file .field-preview iframe, .field-file .field-preview video{ width: 100%; } .field-file.field-loading .label-file{ background-image: url(../images/admin/field-file-ajax-loader.gif); background-position: center center; background-repeat: no-repeat; color: transparent; } /** * WYSIWYG **/ /** * STYLED **/ .paging{ padding: 20px 0; } .paging ul{ display: table; margin: 0; padding: 0; } .paging li{ display: table-cell; list-style: none; margin: 0; padding: 0 0.2em; } .paging a, .paging span{ color: #01437d; border-radius: 0.3em; font-weight: 700; padding: 3px 5px; text-decoration: none; display: block; text-align: center; } .paging a:focus, .paging a:hover, .paging span{ background-color: #0a93ff; color: #fff; } .table-spreadsheet{ box-shadow: rgb(227, 228, 232) 0px 3px 3px; font-size: 0.8571em; line-height: 1.25; width: 100%; border-radius: 0.3em; margin: 1em 0px; } .table-spreadsheet a{ color: inherit; } .table-spreadsheet td, .table-spreadsheet th{ border: 1px solid transparent; vertical-align: top; padding: 0.8em 1em; } .table-spreadsheet thead th, .table-spreadsheet thead td{ border-color: #11161a; font-weight: normal; } .table-spreadsheet thead a{ color: #939ea4; text-decoration: none; } .table-spreadsheet thead a:focus, .table-spreadsheet thead a:hover{ color: #fff; text-decoration: underline; } .table-spreadsheet tbody th, .table-spreadsheet tbody td{ border-color: #d7d8e0; vertical-align: middle; } .table-spreadsheet thead tr{ background-color: #222; color: #fff; } .table-spreadsheet tbody tr{ background-color: #fff; } .table-spreadsheet tbody tr:nth-child(even){ background-color: #fff; } .table-spreadsheet tbody tr:nth-child(odd){ background-color: #F3F4F8; } .table-spreadsheet tbody tr:hover, .table-spreadsheet tbody .col-hover{ background-color: #fffdec; color: #000; } .table-spreadsheet input, .table-spreadsheet select{ font-size: 1em; } .table-spreadsheet tr:nth-child(odd) input[text="text"], .table-spreadsheet tr:nth-child(odd) input[text="number"], .table-spreadsheet tr:nth-child(odd) select{ background-color: #fff; } .table-spreadsheet thead .orderby th{} .table-spreadsheet thead .orderby th a{ display: block; position: relative; padding-right: 16px } .table-spreadsheet thead .sort{} .table-spreadsheet thead .sort-ASC, .table-spreadsheet thead .sort-DESC{ color: #fff; } .table-spreadsheet thead .sort:after{ content: '\f160'; font-family: 'FontAwesome'; opacity: 0; position: absolute; right: 0; top: 50%; } .table-spreadsheet thead .sort:after{ transform: translateY(-50%); } .table-spreadsheet thead .sort:hover:after{ opacity: 0.85; } .table-spreadsheet thead .sort-ASC:after{ content: '\f160'; opacity: 1; } .table-spreadsheet thead .sort-DESC:after{ content: '\f161'; opacity: 1; } .table-spreadsheet thead .filter{} .table-spreadsheet thead .filter th{ background-color: #fffbd7; border-color: #ccc; } .table-spreadsheet thead .filter input[type="text"], .table-spreadsheet thead .filter select{ color: #000; height: 2.6666666667em; line-height: 2.6666666667em; width: 100%; } .table-spreadsheet thead .filter input[type="submit"]{ background-color: #c0cadd; border-color: #c0cadd; color: #000; display: block; height: 3.2em; font-size: 0.8333333333em; line-height: 3.2em; padding: 0 12px; width: 100%; } .table-spreadsheet tbody input[type="text"], .table-spreadsheet tbody select{ color: #000; height: 2.6666666667em; line-height: 2.6666666667em; width: 100%; } .table-spreadsheet tbody textarea{ color: #000; width: 100%; } .table-spreadsheet a[rel="external"]:after{ content: '\f08e'; font-family: 'FontAwesome'; font-size: 0.75em; margin-left: 5px; } .table-spreadsheet .col-sort{ background-color: #fffbd7; } .table-spreadsheet .col-action{ width: 10px; white-space: nowrap; } .table-spreadsheet .col-action .input-button[href]{ line-height: 3.2em; font-size: 0.8333333333em; padding: 0 12px; } .table-spreadsheet .load-more th, .table-spreadsheet .load-more td{ border-color: #20a8d8; background-color: #20a8d8; padding: 0; } .table-spreadsheet .load-more a{ background-color: #20a8d8; color: #fff; display: block; padding: 0.8em 1em; position: relative; text-decoration: none; } .table-spreadsheet .load-more a:focus, .table-spreadsheet .load-more a:hover{ background-color: #1b8eb7; } .table-spreadsheet .load-more a:after{ content: '\f105'; font-family: 'FontAwesome'; margin-left: 5px; } /** * COMMONS **/ .articles{} .articles .article{ background: #fff; margin-bottom: 5px; padding: 28px 33px 33px 33px; } .articles .article-date{ color: #0a93ff; margin: 0 0 5px 0; } .articles .article-title{ color: #01437d; margin: 0 0 5px 0; } .articles .article-excerpt{ font-size: 1.2em; margin: 0 0 8px 0; } .articles .article-cta{} .expandable{} .expandable-toggle button{} .js .expandable-content{ display: none; } .js .expandable-cta .link-button:after{ border: 0; content: '\f078'; right: -1px; top: -1px; transition: all 0.5s; } .js .expandable[data-expandable="true"] .expandable-cta .link-button:after{ transform: rotate(180deg); } .heading{ background: #004786 no-repeat center bottom; box-shadow: inset 0 0 100px #013564; padding: 64px 0 53px 0; } .heading-title{ display: table; height: 171px; width: 100%; } .heading-title-inner{ color: #fff; display: table-cell; font-family: 'Roboto Slab', serif; font-size: 2.735em; font-weight: 300; line-height: 1.25; vertical-align: middle; } .heading-title-inner{ vertical-align: top; } .heading-back{ width: 590px; } .heading-back a{ background: #0a93ff; color: #fff; display: block; height: 88px; font-size: 1.5em; line-height: 88px; padding: 0 25px; text-decoration: none; } .heading-back a:before{ content: '\f053'; font-family: 'FontAwesome'; margin-right: 10px; } .heading-search{ background-color: #fff; bottom: 0; position: absolute; right: 0; } .heading-search input[type="text"]{ border: 0; height: 88px; padding: 29px 75px; width: 398px; } .heading-search input[type="text"]:focus{ box-shadow: none; } .heading-search input[type="submit"]{ border: 0; font-family: 'FontAwesome'; font-size: 34px; line-height: 40px; padding: 0; left: 20px; margin: -18px 0 0 0; position: absolute; text-align: center; top: 50%; width: 40px; } .heading-search input[type="submit"]:focus, .heading-search input[type="submit"]:hover{ background: transparent; color: #0a93ff; outline: none; } .indexes{} .indexes-title{ color: #0a93ff; font-size: 1.75em; margin: 0 0 9px 0; } .indexes-container{} .indexes-container ol, .indexes-container ul{ margin: 0; padding: 0; display:flex; flex-wrap: wrap; } .indexes-container li{ -webkit-flex: 1 0 10%; -moz-flex: 1 0 10%; flex: 1 0 10%; } .indexes-container li{ list-style: none; margin: 0 1px 1px 1px; padding: 0; position: relative; } .indexes-container a{ background-color: #fff; color: #888; height: 88px; display: table; text-decoration: none; width: 100%; } .indexes-container a span{ display: table-cell; font-size: 0.925em; line-height: 1.2; padding: 0 10px; position: relative; vertical-align: middle; } .indexes-container a:focus, .indexes-container a:hover{ background-color: #e6f4fe; } .indexes-container a:focus span, .indexes-container a:hover span{ color: #000; } .indexes-container a:focus span:before, .indexes-container a:hover span:before{ color: inherit; } .indexes-container a.active span{ background-color: #0a93ff; color: #fff; } .indexes-container a.active span:before{ color: inherit; } .indexes-container ul a span{ font-size: 1.25em; text-align: center; } .panels .panels-container{} .panels .panel{ background: #fff; margin-bottom: 5px; padding: 50px 50px 50px 50px; position: relative; } .panels .panel-title{ margin: 0 0 -.35em 0; } .panels .panel-container{ outline: none; } .panels .panels-navigation{ margin-top: 29px; } .panels .panels-navigation ul{ display: table; margin: 0 auto; padding: 0; } .panels .panels-navigation li{ display: table-cell; list-style: none; margin: 0; padding: 0 7px; } .panels .panels-navigation a{ border: 1px solid #818285; color: #818285; display: block; font-family: 'FontAwesome'; font-size: 15px; height: 44px; line-height: 44px; text-align: center; text-decoration: none; text-transform: uppercase; width: 44px; } .panels .panels-navigation a:focus, .panels .panels-navigation a:hover{ background-color: #0a93ff; border-color: #0a93ff; color: #fff; } .panels-swiper .panel{ overflow: hidden; } .panels-swiper .panel:after{ color: #000; font-size: 450px; line-height: 300px; right: 0; opacity: 0.2; position: absolute; bottom: 0; } .panels-swiper{ position: relative; padding-bottom: 50px; } .panels-swiper .flickity-enabled .panel{ opacity: 0.5; float: left; margin-right: 30px; width: 990px; } .panels-swiper .flickity-enabled .panel.is-selected{ opacity: 1; } .panels-swiper .flickity-prev-next-button{ bottom: 0; height: 36px; left: 50%; padding: 0; position: absolute; width: 36px; } .panels-swiper .flickity-prev-next-button svg{ display: none; } .panels-swiper .flickity-prev-next-button.previous{ margin-left: -40px; } .panels-swiper .flickity-prev-next-button.previous:after{ content: '\f053'; } .panels-swiper .flickity-prev-next-button.next{ margin-left: 6px; } .panels-swiper .flickity-prev-next-button.next:after{ content: '\f054'; } .panels-swiper .panels-container{ counter-reset: indexes-panels-swiper; outline: none; } .panels-swiper .panels-container:after { content: 'flickity'; display: none; } .panels-swiper .panel{ counter-increment: indexes-panels-swiper; } .panels-swiper .panel:after{ content: counter(indexes-panels-swiper); } .projects{} .projects .project{ display: table; margin-bottom: 15px; width: 100%; } .projects .project-image{ display: table-cell; vertical-align: top; width: 368px; } .projects .project-image img{ display: block; height: auto; width: 100%; } .projects .project-container{ background-color: #fff; display: table-cell; padding: 43px 32px; text-align: center; vertical-align: top;} .projects .project-title{ margin: 0 0 29px 0; } .projects .project-title img{ display: block; margin: 0 auto; } .projects .project-excerpt{ line-height: 1.5; margin-bottom: 24px; } .projects .project-content{ line-height: 1.5; padding-bottom: 24px; } .scenarios{} .scenarios-title{ color: #01437d; font-family: 'Roboto Slab', sans-serif; font-size: 2em; margin: 0 0 16px 0; } .scenarios .scenario{ display: table; margin-bottom: 15px; width: 100%; } .scenarios .scenario-theme{ background-color: red; color: #fff; display: table-cell; padding: 35px 50px; vertical-align: top; width: 447px; } .scenarios .scenario-theme-title{ font-family: 'Roboto Slab', sans-serif; font-size: 2em; line-height: 1.125; margin: 0 0 14px 0; } .scenarios .scenario-theme-container{ font-size: 1.185em; line-height: 1.5; } .scenarios .scenario-container{ background-color: #fff; display: table-cell; line-height: 1.5; padding: 32px 42px 41px 42px; vertical-align: top;} .scenarios .scenario-content{} .scenarios .scenario-cta{ padding-top: 1em; } .scenarios .scenario-cta a{ color: #004a84; font-weight: 700; text-decoration: none; } .scenarios .scenario-cta a:focus, .scenarios .scenario-cta a:hover{ text-decoration: underline; } .subscribe{ background-color: #0a93ff; color: #fff; margin-bottom: 20px; padding: 17px 23px 23px 23px; } .subscribe-title{ font-family: 'Roboto Slab'; font-size: 1.525em; line-height: 1.125;margin: 0 0 11px 0; } .subscribe-container .p1{ line-height: 1.5; margin: 0 0 11px 0; } .subscribe-container form{ margin: 0 0 20px 0; } .subscribe-container input[type="text"]{ border: 1px solid #fff; border-radius: 7px; display: block; height: 36px; line-height: 36px; margin-bottom: 14px; width: 100%; } .subscribe-container button{ border: 1px solid #fff; color: #fff; font-size: 0.7333333333em; padding: 11px 52px 10px 18px; } .subscribe-container button:after{ border: 1px solid #fff; line-height: 34px; height: 34px; width: 34px; } .subscribe-container button:focus, .subscribe-container button:hover{ background-color: #fff; color: #0a93ff; } .subscribe-container button:focus:after, .subscribe-container button:hover:after{ background-color: #fff; color: #0a93ff; border-left-color: #0a93ff; } .subscribe-container .p2{ line-height: 1.5; margin: 0; } .sharethis{ padding: 17px 23px 23px 23px; } .sharethis-title{ color: #01437d; font-family: 'Roboto Slab'; font-size: 1.525em; font-weight: 700; line-height: 1.125; margin: 0 0 15px 0; } .sharethis ul{ margin: 0 0 0 -5px; padding: 0; } .sharethis li{ display: inline; list-style: none; margin: 0; padding: 0; } .sharethis a{ border-radius: 3px; display: block; color: #fff; float: left; font-family: 'FontAwesome'; height: 33px; line-height: 33px; margin-left: 5px; overflow: hidden; text-align: center; text-decoration: none; width: 34px; } .sharethis a:focus, .sharethis a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.5); } .sharethis .fb a{ background-color: #3c599b; font-size: 30px; line-height: 40px; text-indent: 8px; } .sharethis .tw a{ background-color: #0077b3; font-size: 24px; } .sharethis .in a{ background-color: #10a9e3; font-size: 24px; } .sharethis .mt a{ background-color: #014785; font-size: 16px; } .the-post{ background-color: #fff; padding: 34px 36px; } .the-post-date{ color: #0a93ff; margin: 0 0 25px 0; } .the-post-title{ margin: 0 0 26px 0; } .the-post-title strong{ color: #01437d; display: block; } .the-post-title small{ color: #000; display: block; font-family: 'Roboto', sans-serif; font-size: 0.6em; font-weight: normal; } /** * LAYOUT **/ html, body{ margin: 0; padding: 0; } html{ background: #f5f5f5 url(../images/large/html.jpg) no-repeat center top; } body{ position: relative; } .outer{ margin: 0 auto; max-width: 1024px; } .inner{ margin: 0 auto; position: relative; width: 990px; } #wrapper{ overflow: hidden; } #top{} #top a{ border: 1px solid #818285; color: #818285; display: block; font-family: 'FontAwesome'; font-size: 18px; height: 44px; line-height: 44px; text-align: center; text-decoration: none; text-transform: uppercase; width: 44px; } #top a{ left: 10px; position: fixed; top: -999em; } #top a:focus{ top: 10px; } #header{ background-color: #fff; } #header .inner{ height: 115px; } #header .logo{ left: -1px; position: absolute; top: 14px; } #header .logo img{ display: block; height: 71px; width: 103px; } #nav-primary{ font-size: 15px; position: absolute; right: 73px; top: 34px; } #nav-primary ul{ margin: 0; padding: 0; } #nav-primary li{ list-style: none; margin: 0; padding: 0; } #nav-primary a{ text-decoration: none; } #nav-primary .menu-lvl-0{} #nav-primary .menu-lvl-0-items{} #nav-primary .menu-lvl-0-item{ float: left; margin-left: 30px; } #nav-primary .menu-lvl-0-item > a{ color: #818285; display: block; font-weight: 400; height: 44px; line-height: 44px; overflow: hidden; position: relative; } #nav-primary .menu-lvl-0-item > a:hover, #nav-primary .menu-lvl-0-item.current-page-ancestor > a, #nav-primary .menu-lvl-0-item.current-page-parent > a, #nav-primary .menu-lvl-0-item.current-menu-ancestor > a, #nav-primary .menu-lvl-0-item.current-menu-parent > a, #nav-primary .menu-lvl-0-item.current-menu-item > a{ color: #0a93ff; } #nav-primary .menu-lvl-0-item > a:hover:after, #nav-primary .menu-lvl-0-item.current-page-ancestor > a:after, #nav-primary .menu-lvl-0-item.current-page-parent > a:after, #nav-primary .menu-lvl-0-item.current-menu-ancestor > a:after, #nav-primary .menu-lvl-0-item.current-menu-parent > a:after, #nav-primary .menu-lvl-0-item.current-menu-item > a:after{ border-bottom: 4px dashed #0a93ff; bottom: -3px; content: ''; display: block; left: 0; position: absolute; right: 0; } #nav-language{ position: absolute; right: 1px; top: 33px; } #nav-language ul{ margin: 0; padding: 0; } #nav-language li{ float: left; list-style: none; margin: 0; padding: 0; } #nav-language a{ border: 1px solid #818285; color: #818285; display: block; font-size: 15px; height: 44px; line-height: 44px; text-align: center; text-decoration: none; text-transform: uppercase; width: 44px; } #nav-language a:focus, #nav-language a:hover{ background-color: #0a93ff; border-color: #0a93ff; color: #fff; } html[lang="en"] #nav-language .en, html[lang="fr"] #nav-language .fr{ display: none; } #nav-mobile{ display: none; } #nav-mobile-button{ background: #fff; border: 1px solid #818285; border-radius: 0; display: block; font-family: 'FontAwesome'; font-size: 24px; height: 44px; overflow: hidden; padding: 0; position: absolute; width: 44px; } #nav-mobile-button:after{ display: none; } #nav-mobile-button:focus, #nav-mobile-button:hover{ background-color: #0a93ff; border-color: #0a93ff; color: #fff; } #nav-mobile-container{ background: #333; bottom: 0; left: 0; top: 0; position: fixed; font-size: 14px; box-shadow: 0 0 10px rgba(0,0,0,0.75); padding: 14px 0; overflow: auto; z-index: 9999; width: 300px; } #nav-mobile-container .nav-mobile-logo{ margin: 0 1em 30px 1em; } #nav-mobile-container .nav-mobile-logo img{ display: block; height: 71px; width: 103px; } #nav-mobile-container ul{ border-top: 1px solid #444; margin: 0; padding: 0; } #nav-mobile-container li{ border-bottom: 1px solid #444; display: block; list-style: none; margin: 0; padding: 0; text-align: left; } #nav-mobile-container li a{ color: #ddd; font-weight: bold; display: block; line-height: 1.25em; padding: 0.75em 1em; vertical-align: middle; text-decoration: none; } #nav-mobile-container li a:focus, #nav-mobile-container li a:hover{ background-color: #0a93ff; color: #fff; } #nav-mobile-close{ background: transparent; border: 1px solid #fff; color: #fff; border-radius: 0; display: block; font-family: 'FontAwesome'; font-size: 24px; height: 44px; overflow: hidden; padding: 0; position: absolute; right: 15px; top: 29px; width: 44px; } #nav-mobile-close:after{ display: none; } #nav-mobile-close:focus, #nav-mobile-close:hover{ background-color: #0a93ff; border-color: #0a93ff; color: #fff; } html[lang="en"] #nav-mobile .en, html[lang="fr"] #nav-mobile .fr{ display: none; } #nav-mobile-container{ transform: translateX(-120%); transition: all 0.5s; } .is-nav-mobile #nav-mobile-button{} .is-nav-mobile #nav-mobile-container{ transform: translateX(0); } #main{} #main .content{ background: #f5f5f5 url(../images/desktop/content.jpg) no-repeat center top; padding: 0 0 157px 0; } #main .content .inner{ padding: 53px 0 37px 0; } #main .content .inner:after{ content: ''; clear: both; display: block; height: 0; overflow: hidden; } #main .content .left{ float: left; width: 660px; } #main .content .right{ float: right; width: 300px; } #footer{ margin-top: -157px; } #footer .outer{ border-top: 1px solid #818285; } #footer .inner{ padding: 46px 0; } #footer .vcard{ position: absolute; right: 96px; top: 57px; } #footer .vcard{ font-family: 'Roboto Slab', sans-serif; font-size: 22.05px; font-weight: 300; line-height: 24.3px; text-align: right; } #footer .vcard a{ text-decoration: none; } #footer .socials{ position: absolute; right: 0; top: 66px; } #footer .socials ul{ margin: 0; padding: 0; } #footer .socials li{ float: left; list-style: none; margin: 0 0 0 7px; padding: 0; } #footer .socials a{ border-radius: 3px; color: #fff; display: block; font-family: 'FontAwesome'; font-size: 24px; height: 33px; line-height: 33px; text-decoration: none; text-align: center; width: 33px; } #footer .socials a:focus, #footer .socials a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.5); } #footer .socials .in a{ background-color: #007bb5; } #footer .socials .tw a{ background-color: #28aae1;} #bottom a{ border: 1px solid #818285; color: #818285; display: block; font-family: 'FontAwesome'; font-size: 18px; height: 44px; line-height: 44px; text-align: center; text-decoration: none; text-transform: uppercase; width: 44px; } #bottom a{ right: 10px; position: fixed; bottom: -999em; } #bottom a:focus{ bottom: 10px; } #bottom a:hover{ background-color: #0a93ff; border-color: #0a93ff; color: #fff; } /** * TPL **/ #tpl-404 .heading{ background-image: none; } #tpl-404 .heading-title{ height: auto; } #tpl-404 #main .content{ min-height: 650px; } #tpl-approach .heading{ padding-bottom: 49px; } #tpl-approach .heading-title{ height: 211px; } #tpl-approach .indexes-container ol{ counter-reset: indexes-repeater; } #tpl-approach .indexes-container li{ -webkit-flex: 1 0 24%; -moz-flex: 1 0 24%; flex: 1 0 24%; } #tpl-approach .indexes-container a{ color: #888; } #tpl-approach .indexes-container a span{ counter-increment: indexes-repeater; padding: 0 10px 0 49px; } #tpl-approach .indexes-container a span:before{ content: counter(indexes-repeater); color: inherit; font-family: 'Roboto Slab'; font-size: 2em; font-weight: 700;left: 0; position: absolute; top: 50%; text-align: center; width:49px; transform: translateY(-50%); } #tpl-book .heading{ background-image: none; } #tpl-book .heading-title{ height: 147px; } #tpl-book #main .content .inner { padding-top: 20px; } #tpl-book .the-page{ margin: 0 300px 38px 0; } #tpl-book .the-book-image{ right: 40px; position: absolute; top: -100px; } #tpl-book .the-book-image img{ display: block; height: auto; } #tpl-front-page h1{ left: -9999em; position: absolute; top: -9999em; } #tpl-front-page .swiper{ overflow: hidden; position: relative; } #tpl-front-page .swiper-container{ background: #fff; height: 500px; outline: 0; } #tpl-front-page .swiper .slide{ background-repeat: no-repeat; background-position: center top; background-size: auto 100%; max-width: 1304px; height: 500px; width: 100%; } #tpl-front-page .swiper .slide-outer, #tpl-front-page .swiper .slide-inner{ max-width: 1304px; height: 500px; width: auto; } #tpl-front-page .swiper .slide-text{ position: absolute; left: -9999em; top: -9999em; } #tpl-front-page .swiper .slide-cta a{ bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-indent: -999em; top: 0; } #tpl-front-page .swiper .slide{ opacity: 0.15; outline: none; transition: opacity 0.5s ease; } #tpl-front-page .swiper .slide.is-selected{ opacity: 1; } #tpl-front-page .flickity-page-dots{ position: absolute; bottom: 24px; left: 0; right: 0; margin: 0; text-align: center; z-index: 2; } #tpl-front-page .flickity-page-dots .dot{ border: 1px solid #fff; cursor: pointer; display: inline-block; height: 18px; margin: 0 5px; width: 40px; } #tpl-front-page .flickity-page-dots .is-selected{ background-color: #fff; } #tpl-front-page #main .content .inner{ padding: 55px 0 89px 0; } #tpl-front-page .boxes{ margin-left: -15px; } #tpl-front-page .boxes .box{ float: left; margin-left: 15px; width: 320px; } #tpl-front-page .boxes .box-title{ color: #818285; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 26px; line-height: 1.1; margin: 0 0 24px 0; } #tpl-front-page .boxes .box-container{ background-color: #fff; border: 1px solid #cdcdce; height: 350px; margin-bottom: 21px; } #tpl-front-page .boxes .box-cta{} #tpl-front-page .boxes .box-cta a{ color: #4884b1; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 1.1333333333; text-decoration: none; } #tpl-front-page .boxes .box-cta a:after{ content: ' ยป'; } #tpl-front-page .boxes .box-cta a:focus, #tpl-front-page .boxes .box-cta a:hover{ text-decoration: underline; } #tpl-front-page .boxes .box-approach{} #tpl-front-page .boxes .box-approach .box-container:after{ clear: both; content: ''; display: block; height: 0; overflow: hidden; } #tpl-front-page .boxes .box-approach p{ float: left; background-color: #4884b1; color: #fff; display: table; height: 87px; margin: 0; width: 158px; } #tpl-front-page .boxes .box-approach p span{ display: table-cell; font-size: 14px; font-weight: 500; line-height: 1.1428571429; padding: 14px 18px 0px 18px; } #tpl-front-page .boxes .box-approach ol{ display: inline; margin: 0; padding: 0; } #tpl-front-page .boxes .box-approach li{ float: left; border: 1px solid #cdcdce; border-width: 0 1px 1px 0; display: table; height: 88px; margin: 0; padding: 0; position: relative; width: 158px; } #tpl-front-page .boxes .box-approach li:nth-child(odd){ border-right: 0; width: 160px; } #tpl-front-page .boxes .box-approach li:nth-child(6){ border-bottom: 0; } #tpl-front-page .boxes .box-approach li:nth-child(7){ border-bottom: 0; } #tpl-front-page .boxes .box-approach li a{ color: #545454; display: table-cell; font-size: 14px; line-height: 1.1428571429; padding: 0 10px 0 37px; text-decoration: none; vertical-align: middle; } #tpl-front-page .boxes .box-approach li{ counter-increment: indexes-repeater; } #tpl-front-page .boxes .box-approach li a:before{ content: counter(indexes-repeater); color: #888; font-family: 'Roboto Slab'; font-size: 1em; font-weight: 700; left: 0; position: absolute; top: 50%; text-align: center; width: 35px; transform: translateY(-50%); } #tpl-front-page .boxes .box-approach li a:focus, #tpl-front-page .boxes .box-approach li a:hover{ background-color: #e6f4fe; } #tpl-front-page .boxes .box-approach li a:focus:before, #tpl-front-page .boxes .box-approach li a:hover:before{ color: inherit; } #tpl-front-page .boxes .box-projects{} #tpl-front-page .boxes .box-projects .projects{} #tpl-front-page .boxes .box-projects .project{ border-bottom: 1px solid #cdcdce; color: #545454; height: 174px; margin: 0; position: relative; } #tpl-front-page .boxes .box-projects .project[data-focus="true"], #tpl-front-page .boxes .box-projects .project:hover{ background-color: #e6f4fe; } #tpl-front-page .boxes .box-projects .project:last-child{ border: 0; } #tpl-front-page .boxes .box-projects .project-image{ width: 130px; vertical-align: middle; } #tpl-front-page .boxes .box-projects .project-image img{ display: block; height: auto; margin: 0 auto; width: 110px; } #tpl-front-page .boxes .box-projects .project-container{ background-color: transparent; font-size: 14px; line-height: 1.1428571429; text-align: left; padding: 0 15px 0 7px; vertical-align: middle; } #tpl-front-page .boxes .box-projects .project-overflow{ max-height: 173px; overflow: hidden; } #tpl-front-page .boxes .box-projects .project-title, #tpl-front-page .boxes .box-projects .project-excerpt{ color: inherit; font-size: inherit; line-height: inherit; margin: 0; } #tpl-front-page .boxes .box-projects .project-cta{} #tpl-front-page .boxes .box-projects .project-cta a{ bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-indent: -999em; top: 0; } #tpl-front-page .boxes .box-blogs{} #tpl-front-page .boxes .box-blogs .blogs{} #tpl-front-page .boxes .box-blogs .blog{ border: 0 solid #cdcdce; border-width: 0 0 1px 0; height: 116px; font-size: 14px; line-height: 1.1428571429; margin: 0; padding: 16px 15px 16px 14px; position: relative; } #tpl-front-page .boxes .box-blogs .blog[data-focus="true"], #tpl-front-page .boxes .box-blogs .blog:hover{ background-color: #e6f4fe; } #tpl-front-page .boxes .box-blogs .blog:last-child{ border-width: 0; } #tpl-front-page .boxes .box-blogs .blog-overflow{ max-height: 84px; overflow: hidden; } #tpl-front-page .boxes .box-blogs .blog-title{ color: #004a84; font-size: inherit; line-height: inherit; margin: 0; } #tpl-front-page .boxes .box-blogs .blog-excerpt{ margin: 0; } #tpl-front-page .boxes .box-blogs .blog-cta a{ bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-indent: -999em; top: 0; } #tpl-front-page .boxes .box-blogs .blog-cta a:after{ background: url(../images/large/blog-cta.png) no-repeat center center; border-left: 1px solid #cdcdce; content: ''; display: none; bottom: 0; position: absolute; right: 0; top: 0; width: 45px; } #tpl-home .indexes{ width: 590px; } #tpl-home .heading-search{ bottom: 1px; } #tpl-projects #main .content .inner{ padding: 29px 0 37px 0; } #tpl-projects .the-page{ margin-bottom: 40px; }