/*1691309876000*/ @charset "UTF-8"; .bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(/o/mweb-prehome-theme/css/commons/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(/o/mweb-prehome-theme/css/commons/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(/o/mweb-prehome-theme/css/commons/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/o/mweb-prehome-theme/css/commons/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/o/mweb-prehome-theme/css/commons/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} /*================================================================= ██████╗ ██████╗ ███╗ ██╗██████╗ █████╗ ███████╗███████╗ ██╔══██╗██╔═══██╗████╗ ██║██╔══██╗██╔══██╗ ██╔════╝██╔════╝ ██████╔╝██║ ██║██╔██╗ ██║██║ ██║███████║ █████╗ ███████╗ ██╔══██╗██║ ██║██║╚██╗██║██║ ██║██╔══██║ ██╔══╝ ╚════██║ ██████╔╝╚██████╔╝██║ ╚████║██████╔╝██║ ██║██╗███████╗███████║ ╚═════╝ ╚═════╝ ╚═╝ ╚═══╝╚═════╝ ╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ http://bonda.es - FROM MALLORCA WITH LOVE //=================================================================*/ @charset "UTF-8"; /*-------------------------------- @IMPORTS --------------------------------*/ @font-face { font-family: "OpenSans-light"; src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Light-webfont.eot"); src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Light-webfont.woff") format("woff"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg"); font-weight: normal; font-style: normal;} @font-face { font-family: "OpenSans-Regular"; src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Regular-webfont.eot"); src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg"); font-weight: normal; font-style: normal;} @font-face { font-family: "OpenSans-Semibold"; src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Semibold-webfont.eot"); src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: normal; font-style: normal;} @font-face { font-family: "OpenSans-Bold"; src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Bold-webfont.eot"); src: url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/o/mweb-prehome-theme/css/commons/../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); font-weight: normal; font-style: normal;} @font-face { font-family: "fontsell"; src:url("/o/mweb-prehome-theme/css/commons/../fonts/fontsell.eot"); src:url("/o/mweb-prehome-theme/css/commons/../fonts/fontsell.eot?#iefix") format("embedded-opentype"), url("/o/mweb-prehome-theme/css/commons/../fonts/fontsell.woff") format("woff"), url("/o/mweb-prehome-theme/css/commons/../fonts/fontsell.ttf") format("truetype"), url("/o/mweb-prehome-theme/css/commons/../fonts/fontsell.svg#fontsell") format("svg"); font-weight: normal; font-style: normal;} [data-icon]:before { font-family: "fontsell" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontsell" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-arrow-up:before {content: "\61";} .icon-arrow-forward:before {content: "\62";} .icon-arrow-down:before {content: "\63";} .icon-arrow-back:before {content: "\64";} .icon-search:before {content: "\65";} .icon-facebook:before {content: "\66";} .icon-twitter:before {content: "\67";} .icon-close:before {content: "\69";} .icon-favicon:before {content: "\6a";} .icon-slim-arrow-left:before {content: "\6b";} .icon-slim-arrow-right:before {content: "\6c";} .icon-slim-arrow-down:before {content: "\6d";} .icon-slim-arrow-up:before {content: "\6e";} .icon-information-circle-o:before {content: "\6f";} .icon-information-circle:before {content: "\70";} .icon-checkmark-semicircle:before {content: "\71";} .icon-alert-triangle:before {content: "\72";} .icon-alert-rounded:before {content: "\73";} .icon-checkmark-circle-o:before {content: "\74";} .icon-checkmark-circle:before {content: "\75";} .icon-cross-rounded:before {content: "\76";} .icon-circle:before {content: "\78";} .icon-download:before {content: "\79";} .icon-attach:before {content: "\7a";} .icon-picture-o:before {content: "\41";} .icon-telephone-o:before {content: "\42";} .icon-telephone:before {content: "\43";} .icon-pin:before {content: "\44";} .icon-fax:before {content: "\46";} .icon-mail:before {content: "\45";} .icon-plus:before {content: "\47";} .icon-minus:before {content: "\48";} .icon-check-bold:before {content: "\49";} .icon-open:before {content: "\4a";} .icon-expand:before {content: "\77";} .icon-arrow-expand:before {content: "\4b";} .icon-building-o:before {content: "\4c";} .icon-clipboard:before {content: "\4d";} .icon-home:before {content: "\4e";} .icon-university:before {content: "\4f";} .icon-road:before {content: "\50";} .icon-futbol-o:before {content: "\51";} .icon-printer:before {content: "\52";} .icon-quotes:before {content: "\53";} .icon-lock:before {content: "\54";} .icon-bookmark:before {content: "\55";} .icon-bookmark-o:before {content: "\56";} .icon-user:before {content: "\57";} .icon-subscribe:before {content: "\58";} .icon-notification-off:before {content: "\59";} .icon-notification:before {content: "\5a";} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ---------------------------------------------- MICROSITES: COMMONS -------------------------------------------------------- */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* --------------------------------- GENERALS --------------------------------- */ html{ width: 100%; height: 100%; margin: 0;} body { position: relative; min-height: 100%; font-size: 13px; font-family: "OpenSans-Regular", Arial, Sans-serif; background-color: #eaeaea; padding-bottom: 40px; margin: 0; overflow-x: hidden;} .container { position: relative;} .heading { color: #003366; font-family: "OpenSans-Bold", Arial, Sans-serif; margin-top: 0; margin-bottom: 15px;} img { width: 100%;} /* CONTAINERS & ROWS ************/ .container {position: relative;} .row hr { width: 100%; float: left;} /* DEVICES CHECK (JS) ********************/ .mobile-check, .tablet-check, .tablet-l-check, .desktop-check { position: absolute; width: 1px; height: 1px; bottom: 0; left: 0; background:transparent;} @media (min-device-width: 320px) { .mobile-check {display: block;} .tablet-check, .tablet-l-check, .desktop-check {display: none;} } /* END min-device-width: 320px; */ @media (min-device-width: 768px) { .mobile-check, .tablet-l-check, .desktop-check {display: none;} .tablet-check {display: block;} } /* END min-device-width: 768px; */ @media (min-device-width: 992px) { .mobile-check, .tablet-check, .desktop-check {display: none;} .tablet-l-check {display: block;} } /* END min-device-width: 768px; */ @media (min-device-width: 1200px) { .mobile-check, .tablet-check, .tablet-l-check {display: none;} .desktop-check {display: block;} } /* END min-device-width: 1200px; */ /* --------------------------------- GENERALS: COMMON TOP BAR --------------------------------- */ #common_top-bar { position: relative; width: 100%; height: 45px; background-color: #003366; overflow: hidden; z-index: 150;} #common_top-bar .container { height: inherit;} #common_top-bar .c_tb-logo { position: absolute; width: 24px; height: 31px; top: 6px; left: 9px; color: transparent; background-image: url(/o/mweb-prehome-theme/css/commons/../images/required/logo-corp-small.png); background-position: center; background-repeat: no-repeat; background-size: 100%; margin-top: 0; margin-bottom: 0;} #common_top-bar .c_tb-logo a { color: inherit; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #common_top-bar .c_tb-lang { position: relative; width: 100px; height: inherit; float: right; color: #ffffff; -webkit-transform: skewX(-45deg); -moz-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -o-transform: skewX(-45deg); transform: skewX(-45deg); margin-right: -35px;} #common_top-bar .c_tb-lang .current-lang { position: absolute; width: 100%; height: 100%; color: inherit; background-color: #1f1f1f; z-index: 10;} #common_top-bar .c_tb-lang .current-lang span, #common_top-bar .c_tb-lang ul li { display: block; color: inherit; -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); -ms-transform: skewX(45deg); -o-transform: skewX(45deg); transform: skewX(45deg);} #common_top-bar .c_tb-lang .current-lang span { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; text-align: center; text-decoration: none; cursor: pointer;} #common_top-bar .c_tb-lang ul { position: absolute; width: 100%; height: 100%; top: 0; right: 0; color: inherit; text-align: center; list-style: none; background-color: #292929; padding: 5px 15px; margin-bottom: 0; will-change: right; -webkit-transition: right .3s; -moz-transition: right .3s; -o-transition: right .3s; transition: right .3s;} #common_top-bar .c_tb-lang:hover ul { right: 100%;} #common_top-bar .c_tb-lang ul li { position: relative; display: inline-block; top: calc(50% - 9px); color: inherit; margin-right: 10px;} #common_top-bar .c_tb-lang ul li:last-child, #common_top-bar .c_tb-lang ul li:last-of-type { margin-right: 0;} #common_top-bar .c_tb-lang ul li a { color: inherit;} /*@media (min-width: 414px) { #common_top-bar .c_tb-logo { width: 195px; height: 26px; top: 13px; left: auto; background-image: url(/o/mweb-prehome-theme/css/commons/../images/required/logo-conselldemallorca-net.svg);} } /* /END min-width: 414px */ @media (min-width: 768px) { #common_top-bar .container:before { content: ""; position: absolute; width: 0; height: inherit; top: 0; right: calc(45px - 50vw); background-color: transparent;} #common_top-bar .c_tb-lang { margin-right: 0;} } /* /END min-width: 768px */ @media (min-width: 1200px) { #common_top-bar { overflow: hidden;} #common_top-bar .container:before { width: 50vw; background-color: #1f1f1f;} } /* /END min-width: 1200px */ /* --------------------------------- GENERALS: COMMON MICROSITE LOGO --------------------------------- */ #common_microsite-logo { position: absolute; width: 100%; top: 45px; left: 0; z-index: 200;} #common_microsite-logo .c_ml-logo a { display: block; margin: 30px auto 0;} #common_microsite-logo.c_ml-horizontal .c_ml-logo a { max-width: 150px;} #common_microsite-logo.c_ml-vertical .c_ml-logo a { max-width: 75px;} @media (min-width: 992px) { #common_microsite-logo .c_ml-logo a { display: block; margin: 15px 0 0;} } /* /END min-width: 992px */ /*-------------------------------- GENERALS: CONTENT WIDE --------------------------------*/ @media (min-width: 320px) { .content-wide { margin-top: 30px; margin-bottom: 30px;} } /* END min-width: 320px; */ @media (min-width: 768px) { .content-wide { margin-top: 30px; margin-bottom: 30px;} } /* END min-width: 768px; */ /*-------------------------------- GENERALS: CONTENT NARROW --------------------------------*/ .content-narrow { position: relative; float: left;} @media (min-width: 320px) { .content-narrow { width: 100%; margin-top: 30px; margin-bottom: 30px;} } /* END min-width: 320px; */ @media (min-width: 768px) { .content-narrow { padding-right: 15px; padding-left: 15px;} } /* END min-width: 768px; */ @media (min-width: 992px) { .content-narrow { width: 75%; padding-left: 0; margin-top: 30px; margin-bottom: 30px;} } /* END min-width: 992px; */ /*-------------------------------- GENERALS: SIDEBAR --------------------------------*/ aside { position: relative; float: left;} @media (min-width: 320px) { aside { width: 100%;} } /* END min-width: 320px; */ @media (min-width: 768px) { aside { padding-right: 15px; padding-left: 15px;} } /* END min-width: 768px; */ @media (min-width: 992px) { aside { width: 25%; padding-right: 0; margin-top: 30px; margin-bottom: 30px;} } /* END min-width: 992px; */ /* --------------------------------- GENERALS: COMMON FOOTER --------------------------------- */ #common_footer { width: 100%; height: 40px; background-color: #1f1f1f;} #common_footer .c_f-logo { position: relative; width: 20px; height: 28px; top: 5px; float: left; background-image: url(/o/mweb-prehome-theme/css/commons/../images/required/logo-corp-small.png); background-position: center; background-repeat: no-repeat; background-size: 100%; margin: 0; overflow: hidden;} #common_footer .c_f-logo a { position: absolute; width: 100%; color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #common_footer .c_f-copyright { width: calc(100% - 30px); float: right; color: #ffffff; font-size: 0.8em; text-align: right; margin-top: 15px;} @media (min-width: 1200px) { /*#common_footer .c_f-logo { width: 195px; height: 26px; top: 10px; background-image: url(/o/mweb-prehome-theme/css/commons/../images/required/logo-conselldemallorca-net.svg);}*/ #common_footer .c_f-copyright { width: calc(100% - 230px); font-size: 1em; margin-top: 10px;} } /* /END min-width: 1200px */ /*-------------------------------- GENERALS: MAIN HEADER --------------------------------*/ header.main-header { position: relative; width: 100%; color: #ffffff; background-size: cover !important; background-position: center !important;} header.main-header:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 51, 102, 0.7);} header.main-header .mh-title { margin-top: 0;} @media (min-width: 320px) { header.main-header { padding: 30px 0;} header.main-header .container, header.main-header#home-quick-view .container { padding: 0 15px;} header.main-header .mh-title { font-size: 2.3em; letter-spacing: 1px;} } /* END min-width: 320px; */ @media (min-width: 768px) { header.main-header { padding: 150px 0 50px;} header.main-header .mh-title { font-size: 4em;} } /* END min-width: 768px; */ /* --------------------------------- GENERALS: BOX FLOW & BOX MUTED --------------------------------- */ .box-flow { background-color: #ffffff !important; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);} .box-muted { color: #a7a7a7; background-color: #dcdcdc !important;} .box-flow:before, .box-flow:after, .box-muted:before, .box-muted:after { content: ""; display: table;} .box-flow:after, .box-muted:after { clear: both;} @media (min-width: 320px) { .box-flow, .box-muted { padding: 15px !important;} }/* END min-width: 320px; */ @media (min-width: 375px) { .box-flow, .box-muted { padding: 30px !important;} aside .box-flow, aside .box-muted { padding: 15px !important;} }/* END min-width: 375px; */ @media (min-width: 568px) { .box-flow, .box-muted { padding: 15px !important;} aside .box-flow, aside .box-muted { padding: 15px !important;} }/* END min-width: 568px; */ @media (min-width: 768px) { aside .box-flow, aside .box-muted { padding: 30px !important;} }/* END min-width: 768px; */ @media (min-width: 992px) { aside .box-flow, aside .box-muted { padding: 15px !important;} }/* END min-width: 992px; */ /*-------------------------------- ELEMENTS: REGULAR HEADINGS --------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: "OpenSans-Bold", Arial, sans-serif;} /*-------------------------------- ELEMENTS: LINKS & BUTTONS --------------------------------*/ a:focus, button:focus { outline: 0;} .btn { display: inline-block; width: auto; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 0; border-radius: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0;} .btn-lg { font-size: 18px; padding: 10px 16px;} .btn-md { font-size: 14px; padding: 6px 12px;} .btn-sm { font-size: 12px; padding: 5px 10px;} .btn-xs { font-size: 12px; padding: 1px 5px;} .btn-block { display: block; width: 100%; height: 45px; line-height: 45px; line-height: 31px;} /* BUTTON - LINK ***************/ .btn-link, .btn-link:active, .btn-link:visited, .btn-link:focus { color: #6a90b5; background-color: transparent;} .btn-link:hover, .btn-link:active { color: #6a90b5; background-color: transparent; text-decoration: underline;} /* BUTTON - DEFAULT ******************/ .btn-default, .btn-default:active, .btn-default:visited, .btn-default:focus { color: #292929; background-color: #e6e6e6; border: 1px solid #e6e6e6;} .btn-default:hover, .btn-default:active { color: #292929; background-color: #c1c1c1;} /* BUTTON - DEFAULT OUTLINE **************************/ .btn-default-o, .btn-default-o:active, .btn-default-o:visited, .btn-default-o:focus { color: #9a9a9a; background-color: transparent; border: 1px solid #e6e6e6;} .btn-default-o:hover, .btn-default-o:active { color: #292929; background-color: #e6e6e6; border: 1px solid #e6e6e6;} /* BUTTON - DARK ***************/ .btn-dark, .btn-dark:active, .btn-dark:visited, .btn-dark:focus { color: #ffffff; background-color: #292929; border: 1px solid #292929;} .btn-dark:hover, .btn-dark:active { color: #ffffff; background-color: #393939;} /* BUTTON - DARK OUTLINE ***********************/ .btn-dark-o, .btn-dark-o:active, .btn-dark-o:visited, .btn-dark-o:focus { color: #292929; background-color: transparent; border: 1px solid #292929;} .btn-dark-o:hover, .btn-dark-o:active { color: #ffffff; background-color: #292929; border: 1px solid #292929;} /* BUTTON - PRIMARY ******************/ .btn-primary, .btn-primary:active, .btn-primary:visited, .btn-primary:focus { color: #ffffff; background-color: #003366; border: 1px solid #003366;} .btn-primary:hover, .btn-primary:active { color: #ffffff; background-color: #204f90;} /* BUTTON - PRIMARY OUTLINE **************************/ .btn-primary-o, .btn-primary-o:active, .btn-primary-o:visited, .btn-primary-o:focus { color: #0e3366; background-color: transparent; border: 1px solid #0e3366;} .btn-primary-o:hover, .btn-primary-o:active { color: #ffffff; background-color: #0e3366;} /* BUTTON - CTA **************/ .btn-cta, .btn-cta:active, .btn-cta:visited, .btn-cta:focus { color: #ffffff; background-color: #c62526; border: 1px solid #c62526;} .btn-cta:hover, .btn-cta:active { color: #ffffff; background-color: #af1a1e;} /* BUTTON - CTA OUTLINE **********************/ .btn-cta-o, .btn-cta-o:active, .btn-cta-o:visited, .btn-cta-o:focus { color: #c62526; background-color: transparent; border: 1px solid #c62526;} .btn-cta-o:hover, .btn-cta-o:active { color: #ffffff; background-color: #c62526;} /* BUTTON - ROUND ****************/ .btn-round { width: 40px; height: 40px; border-radius: 50%; background-color: blue; padding: 9px; margin-right: 5px;} .btn-round:last-child, .btn-round:last-of-type { margin-right: 0;} /* BUTTON - SOCIAL COLORS ************************/ .btn-facebook { background-color: #3b5998;} .btn-twitter { background-color: #00aced;} /* --------------------------------- ELEMENTS: TRIANGLE CTA --------------------------------- */ .triangle-cta { position: relative; width: 100%; overflow: hidden;} .triangle-cta:before { content: ""; display: block; padding-top:100%;} .triangle-cta a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: inherit; text-decoration: none;} .triangle-cta .background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;} .triangle-cta .text-wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #ffffff; padding: 30px; background-color: rgba(103, 154, 200, 0.7); will-change: padding; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .triangle-cta:hover .text-wrapper { padding-left: 45px;} .triangle-cta .text-wrapper:after { content: ""; display: none; position: absolute; width: 0; height: 0; top: 0; right: -50%; margin-left: -500px; border-bottom: 500px solid transparent; border-left: 500px solid #679ac8;} .triangle-cta .text-wrapper .title, .triangle-cta .text-wrapper .subtitle { position: relative; text-align: center; z-index: 10;} .triangle-cta .text-wrapper .subtitle:before { content: "\62"; position: absolute; top: -2px; left: -25px; font-family: "fontsell"; font-size: 18px; opacity: 0; will-change: opacity; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .triangle-cta:hover .text-wrapper .subtitle:before { opacity: 1;} .triangle-cta .text-wrapper .title { color: inherit; font-family: "OpenSans-Bold", Arial, sans-serif; font-size: 2.3em; margin-top: 10px;} .triangle-cta .text-wrapper .subtitle { font-size: 1.05em; margin-bottom: 0;} @media (min-width: 568px) { .triangle-cta:before { padding-top: 30%;} } /* /END min-width: 568px */ @media (min-width: 768px) { .triangle-cta:before { padding-top: 25%;} .triangle-cta .background { width: 40%; left: 60%;} .triangle-cta .text-wrapper { width: 60%; background-color: #679ac8;} .triangle-cta .text-wrapper:after { display: block;} .triangle-cta .text-wrapper .title, .triangle-cta .text-wrapper .subtitle { text-align: left;} } /* /END min-width: 768px */ @media (min-width: 1200px) { .triangle-cta:before { padding-top: 20%;} } /* /END min-width: 1200px */ /*-------------------------------- ELEMENTS: FORMS & INPUTS --------------------------------*/ form:before, form:after { content: ""; display: table;} form:after { clear: both;} form div.row { margin-right: -7px; margin-left: -7px;} form div[class*="col-xs"], form div[class*="col-sm"], form div[class*="col-md"], form div[class*="col-lg"] { padding-right: 7px; padding-left: 7px;} /* INPUT REGULAR ***************/ input { width: 100%; height: 45px; color: #888888; padding: 5px 10px; border: 1px solid #888888; box-shadow: none; outline: 0; margin-bottom: 15px;} input:focus { border-width: 2px; border-color: #0e3366; outline: none;} html input[disabled] { color: #dadada; border: 1px solid #dadada; cursor: not-allowed;} html input[disabled]::-webkit-input-placeholder { color: #dadada;} html input[disabled]:disabled:-moz-placeholder { color: #dadada; opacity: 1;} html input[disabled]:disabled::-moz-placeholder { color: #dadada; opacity: 1;} html input[disabled]:disabled:-ms-input-placeholder { color: #dadada;} /* INPUTS (Bootstrap Overwrite) ******************************/ .input-group { width: 100%;} .form-control { height: 45px; border: 1px solid #888888; border-radius: 0;} .form-control:focus { border: 2px solid #0e3366; box-shadow: none; outline: none;} .input-group .input-group-addon { width: 45px; color: #ffffff; background-color: #0e3366; border-radius: 0; border: 1px solid #0e3366; border-left: 0;} .form-control[disabled], fieldset[disabled] .form-control { background: transparent; border-color: #dadada; box-shadow: none;} .form-control[disabled] + .input-group-addon { opacity: 0.5; cursor: not-allowed;} /* SELECT WITH STYLE *******************/ .select-style { width: 100%; height: 45px; padding: 0; background-color: #fff; background: url(/o/mweb-prehome-theme/css/commons/../images/required/select-arrow.png) no-repeat 98% 50%; background-size: 30px; border: 1px solid #888888; margin: 0; margin-bottom: 15px; overflow: hidden;} .select-style select { padding: 5px 8px; width: 120%; height: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;} .select-style select:focus { outline: none;} .select-style.disabled { border: 1px solid #dadada;} .select-style.disabled select[disabled] { color: #dadada; cursor: not-allowed;} /* INPUT BOX-OPTION (checkbox & radiobuttons) ********************************************/ .box-option { position: absolute; z-index: -1; opacity: 0;} .box-option:not(:checked) + label, .box-option:checked + label { position: relative; padding-top: 3px; padding-left: 1.95em; margin-bottom: 10px; margin-right: 15px; cursor: pointer;} .box-option:not(:checked) + label:before, .box-option:checked + label:before { content: ''; position: absolute; width: 20px; height: 20px; top: 2px; left: 0; background: #eaeaea; border: 1px solid #dcd9d9;} .box-option.type-radio:not(:checked) + label:before, .box-option.type-radio:checked + label:before { border-radius: 50%;} .box-option:checked + label:before { background: rgb(75, 120, 165);} .box-option.type-check:not(:checked) + label:after, .box-option.type-check:checked + label:after { content: ""; position: absolute; width: 5px; height: 12px; left: 8px; top: 4px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .box-option.type-radio:not(:checked) + label:after, .box-option.type-radio:checked + label:after { content: ""; position: absolute; left: 6px; top: 8px; height: 8px; width: 8px; border-radius: 50%; background: #ffffff;} .box-option:not(:checked) + label:after { opacity: 0;} .box-option:checked + label:after { opacity: 1;} .box-option:disabled:not(:checked) + label:before, .box-option:disabled:checked + label:before { box-shadow: none; background-color: #eeeeee;} .box-option:disabled:checked + label:after { color: #999999;} .box-option:disabled + label { color: #d0d0d0;} /* SWITCHBOX ***********/ .switchbox { position: absolute; width: 1px; height: 1px; margin: 8px 0 0 16px; opacity: 0;} .switchbox + label { position: relative; line-height: 1.7em; padding: 0 0 0 50px; margin-bottom: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;} .switchbox:disabled + label { color: #d0d0d0; cursor: not-allowed;} .switchbox + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; height: 24px; border-radius: 16px; background: #eaeaea; border: 1px solid #dcd9d9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .switchbox + label:after { content: ""; position: absolute; display: block; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 16px; background: #fff; border: 1px solid #dcd9d9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .switchbox:checked + label:before { border-color: rgb(56, 97, 138); background: rgb(75, 120, 165);} .switchbox:checked + label:after { border-color: rgb(56, 97, 138); margin-left: 16px;} .switchbox:disabled + label:before { border: 1px solid #dadada; background: #f7f7f7;} input:disabled.switchbox:checked + label:before { border: 1px solid #c5dee4; background: #d1e7ec;} .switchbox:disabled + label:after { border: 1px solid #dadada; background: #f1f1f1;} input:disabled.switchbox:checked + label:after { border: 1px solid #c5dee4; background: #fefefe;} .switchbox.favorite:checked + label:before { border-color: rgb(185, 48, 41); background: rgb(224, 105, 99);} .switchbox.favorite:checked + label:after { border-color: rgb(185, 48, 41);} /* SWITCH-BLOCK (JS) ******************/ .switch-block { width: 100%;} .switch-block:before, .switch-block:after { content: ""; display: table;} .switch-block:after { clear: both;} .switch-block .switchbox + label { width: 0; float: right; overflow: hidden; padding: 0 0 3px 42px; margin: 0;} .switch-block .switch-block-title { float: left; font-size: 17px; margin-top: 3px; margin-bottom: 0;} .switch-content { display: none;} /* INPUT UPLOAD FILE (JS) ************************/ .upload-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;} .upload-file + label { display: block; position: relative; width: 100%; height: 45px; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; background-color: transparent; border: 1px solid #888888; padding: 5px 5px; margin-bottom: 15px; white-space: nowrap; cursor: pointer; overflow: hidden;} .upload-file + label span { padding: 5px 0;} .upload-file + label span { width: 75%; height: 100%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top;} .upload-file + label .btn { position: absolute; display: inline-block; right: 5px;} .upload-file:focus + label, .upload-file.has-focus + label { border-width: 2px; border-color: #0e3366; outline: none;} .upload-file:focus + label .btn, .upload-file.has-focus + label .btn { top: 4px;} .upload-file:disabled + label { color: #dadada; border: 1px solid #dadada; cursor: not-allowed;} .upload-file:disabled + label .btn { opacity: 0.5; cursor: not-allowed;} @media screen and (max-width: 50em) { .upload-file + label .btn { display: block;} } /* TEXTAREA **********/ textarea { width: 100%; max-width: 100%; height: 135px; border: 1px solid #888888; padding: 10px; margin-bottom: 15px;} textarea:focus { border-width: 2px; border-color: #0e3366; outline: none;} textarea:disabled { color: #dadada; border: 1px solid #dadada; cursor: not-allowed;} textarea:disabled::-webkit-input-placeholder { color: #dadada;} textarea:disabled:-moz-placeholder { color: #dadada; opacity: 1;} textarea:disabled::-moz-placeholder { color: #dadada; opacity: 1;} textarea:disabled:-ms-input-placeholder { color: #dadada;} /* DATEPICKER (Bootstrap Overwrite) **********************************/ .bootstrap-datetimepicker-widget .glyphicon { color: #0e3366;} .bootstrap-datetimepicker-widget table th.prev::after { content: "Mes anterior";} .bootstrap-datetimepicker-widget table th.next::after { content: "Mes següent";} .bootstrap-datetimepicker-widget .datepicker-days { color: #0e3366;} .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #0e3366; font-family: "OpenSans-Bold";} .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #0e3366;} .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #ffffff;} /*-------------------------------- COMPONENTS: NOTIFICATION (JS) --------------------------------*/ .notification { position: relative; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);} .notification.muted { background: #a7a7a7;} .notification.informative { background: #1859B2;} .notification.success { background: #60c549;} .notification.warning { background: #ec7f33;} .notification.error { background: #c6232c;} .notification .text-wrapper { position: relative; width: 100%; color: rgba(255, 255, 255, 0.85);} .notification .text-wrapper:before { position: absolute; font-family: "fontsell"; line-height: 0;} .notification.muted .text-wrapper:before, .notification.informative .text-wrapper:before { content: "\70";} .notification.success .text-wrapper:before { content: "\75";} .notification.warning .text-wrapper:before { content: "\72";} .notification.error .text-wrapper:before { content: "\76";} .notification .text-wrapper a { color: #ffffff; text-decoration: underline;} .notification .btn-close { position: absolute; background: rgba(0, 0, 0, 0.2); border-radius: 50px; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .notification .btn-close:before { position: absolute; font-family: "fontsell"; content: "\69"; color: rgba(255, 255, 255, 0.85);} @media (min-width: 320px) { .notification { padding: 10px; margin-bottom: 30px;} .notification .text-wrapper { padding-right: 30px; padding-left: 40px;} .notification .text-wrapper:before { top: 12px; left: 0px; font-size: 2em;} .notification .text-wrapper h4 { font-size: 1.2em;} .notification .btn-close { width: 21px; height: 21px; top: 10px; right: 10px;} .notification .btn-close:before { top: 1px; left: 3px; font-size: 1.2em;} } /* END min-width: 320px; */ @media (min-width: 375px) { .notification .btn-close { top: 17px;} } /* END min-width: 375px; */ @media (min-width: 768px) { .notification { padding: 15px;} .notification .text-wrapper { padding-right: 40px; padding-left: 55px;} .notification .text-wrapper:before { top: 12px; left: 0px; font-size: 3em;} .notification .text-wrapper h4 { font-size: 1.5em;} .notification .btn-close { width: 26px; height: 26px; top: 50%; right: 15px; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);} .notification .btn-close:before { top: 2px; left: 5px; font-size: 1.3em;} } /* END min-width: 768px; */ @media (min-width: 1200px) { .notification .text-wrapper a:hover { opacity: 0.8;} .notification .btn-close:hover { background: rgba(0, 0, 0, 0.4);} .notification .btn-close:hover:before { color: rgba(255, 255, 255, 1);} } /* END min-width: 1200px; */ /*-------------------------------- COMPONENTS: TEXT EXPAND (JS) --------------------------------*/ header .text-expanded, aside .text-expand { display: none;} .text-expand { position: relative; background: #ffffff; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); margin-bottom: 30px;} .text-expand-wrapper { margin: 0 auto; margin-bottom: 15px; max-height: 122px; overflow: hidden;} .btn-expand { display: none; position: absolute; bottom: 0; left: 50%; padding: 5px 15px; cursor: pointer; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);} .btn-expand .less, .btn-expand.expand .more { display: none;} .btn-expand.expand .less { display: inline;} .btn-expand:focus { outline: none;} .btn-expand i { color: #0e3366; font-size: 2em; line-height: 0;} @media (min-width: 320px){ .text-expand { padding: 15px;} } /* /END min-width: 320px */ @media (min-width: 768px){ .text-expand { padding: 30px;} } /* /END min-width: 768px */ /*-------------------------------- COMPONENTS: ACCORDION (JS) --------------------------------*/ aside .accordion { display: none;} .accordion { margin-bottom: 30px;} .accordion .item { background-color: #ffffff; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); margin-bottom: 15px;} .accordion .item .btn-accordion { position: relative; cursor: pointer;} .accordion .item .btn-accordion .heading, .accordion .item .btn-accordion h1, .accordion .item .btn-accordion h2, .accordion .item .btn-accordion h3, .accordion .item .btn-accordion h4, .accordion .item .btn-accordion h5, .accordion .item .btn-accordion h6 { margin: 0;} .accordion .item .btn-accordion .icon { position: absolute; top: 50%; color: #0e3366; font-size: 3em; line-height: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);} @media (min-width: 320px) { .accordion .item .btn-accordion { padding: 20px;} .accordion .item .btn-accordion .heading, .accordion .item .btn-accordion h1, .accordion .item .btn-accordion h2, .accordion .item .btn-accordion h3, .accordion .item .btn-accordion h4, .accordion .item .btn-accordion h5, .accordion .item .btn-accordion h6 { width: calc(100% - 30px);} .accordion .item .btn-accordion .icon { right: 15px; font-size: 2em;} .accordion .item .inner { font-size: 1em; padding: 0 20px 20px;} } /* END min-width: 320px; */ @media (min-width: 768px) { .accordion .item .btn-accordion { padding: 30px;} .accordion .item .btn-accordion .heading, .accordion .item .btn-accordion h1, .accordion .item .btn-accordion h2, .accordion .item .btn-accordion h3, .accordion .item .btn-accordion h4, .accordion .item .btn-accordion h5, .accordion .item .btn-accordion h6 { width: calc(100% - 50px);} .accordion .item .btn-accordion .icon { right: 30px; font-size: 3em;} .accordion .item .inner { font-size: 1.1em; padding: 0 30px 30px;} } /* END min-width: 375px; */ /*-------------------------------- COMPONENTS: TABS (JS) --------------------------------*/ header .tabs, aside .tabs, footer .tabs { display: none;} .tabs { position: relative; margin-bottom: 30px;} .tabs .tabs-nav { width: 100%; height: 42px; overflow: hidden; margin-bottom: 15px;} .tabs .tabs-nav .tabs-nav-wrapper { width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: scroll;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper { width: 100%; overflow: visible;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item { display: inline-block; color: #0e3366; font-size: 1.1em; text-decoration: none; background-color: rgba(14, 51, 102, 0); padding: 10px 15px; cursor: pointer; border: 1px solid #0e3366; margin-right: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item.external { color: #292929; background-color: #dadada; border: 1px solid #dadada;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item.external:hover { color: #292929; background-color: #c3c3c3;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item:hover { color: #ffffff; background-color: #567490;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item.active { color: #ffffff; background-color: #0e3366;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item:last-child, .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item:last-of-type { margin-right: 0;} .tabs .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item i { display: inline-block; font-size: 18px; line-height: 12px; vertical-align: top; padding-right: 5px;} .tabs .tabs-inner-wrapper { position: relative;} .tabs .tabs-inner-wrapper .tabs-inner { display: none; width: 100%; top: 0; left: 0;} .tabs .tabs-inner-wrapper .tabs-inner:before, .tabs .tabs-inner-wrapper .tabs-inner:after { content: ""; display: table;} .tabs .tabs-inner-wrapper .tabs-inner:after { clear: both;} .tabs.splitted { margin-bottom: 80px;} .tabs.splitted .tabs-inner-wrapper .tabs-inner { background-color: #ffffff; padding: 15px; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);} .tabs form .tabs-form-buttons { position: absolute; width: calc(100% - 30px); bottom: -65px; left: 15px;} @media (min-width: 992px) { .tabs .tabs-nav { margin-bottom: 30px;} .tabs.splitted { margin-bottom: 120px;} .tabs.splitted:before, .tabs.splitted:after { content: ""; display: table;} .tabs.splitted:after { clear: both;} .tabs.splitted .tabs-nav { width: 25%; height: auto; float: left;} .tabs.splitted .tabs-nav .tabs-nav-wrapper { overflow: initial; overflow-y: initial; overflow-x: initial;} .tabs.splitted .tabs-nav .tabs-nav-wrapper .items-nav-wrapper { width: 100% !important;} .tabs.splitted .tabs-nav .tabs-nav-wrapper .items-nav-wrapper .item { width: 100%; margin-bottom: 10px;} .tabs.splitted .tabs-inner-wrapper { width: 75%; float: left; padding: 0 15px;} .tabs.splitted .tabs-inner-wrapper .tabs-inner { background-color: #ffffff; padding: 30px;} } /* END min-width: 992px; */ /*-------------------------------- COMPONENTS: SIDE LINKS (aside) --------------------------------*/ header .side-links, .content-wide .side-links, .content-narrow .side-links { display: none;} .side-links { background-color: #ffffff; padding: 15px; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); margin-bottom: 30px;} .side-links ul { list-style: none; padding: 0;} .side-links ul li { padding-bottom: 10px; border-bottom: 1px solid #e0dfdf; margin-bottom: 10px;} .side-links ul li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0;} .side-links ul li a { display: block; position: relative; text-decoration: none;} .side-links ul li h1, .side-links ul li h2, .side-links ul li h3, .side-links ul li h4, .side-links ul li h5, .side-links ul li h6, .side-links ul li p { display: block; display: -webkit-box; max-height: 33px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0;} .side-links ul li h1, .side-links ul li h2, .side-links ul li h3, .side-links ul li h4, .side-links ul li h5, .side-links ul li h6 { color: #0e3366; font-size: 1em; line-height: 1.3;} .side-links ul li a:hover h1, .side-links ul li a:hover h2, .side-links ul li a:hover h3, .side-links ul li a:hover h4, .side-links ul li a:hover h5, .side-links ul li a:hover h6 { color: #6a90b5; text-decoration: underline;} .side-links ul li p { color: #333; font-size: 0.9em;} @media (min-width: 768px) { .side-links {padding: 30px;} } /* END min-width: 768px; */ @media (min-width: 992px) { .side-links {padding: 15px;} } /* END min-width: 992px; */ /*-------------------------------- COMPONENTS: BREADCRUMBS --------------------------------*/ .breadcrumbs { margin-top: 30px; margin-bottom: 0;} .breadcrumbs ul { list-style: none; padding: 0;} .breadcrumbs ul li { display: inline-block; padding-right: 5px;} .breadcrumbs ul li:after { content: "/"; margin-left: 5px;} .breadcrumbs ul li:last-of-type:after, .breadcrumbs ul li:last-child:after { content: "";} .breadcrumbs ul li a { font-size: inherit; color: inherit;} header .breadcrumbs { margin: 0;} header .breadcrumbs ul { margin-bottom: 10px;} @media (min-width: 320px) { .breadcrumbs ul li { font-size: 1em;} } /* END min-width: 320px; */ @media (min-width: 768px) { .breadcrumbs ul li { font-size: 1.2em;} } /* END min-width: 768px; */ /*-------------------------------- COMPONENTS: GRIDS --------------------------------*/ header .grid, aside .grid, footer .grid { display: none; } /* GRID - REGULAR ****************/ .grid .grid-wrapper { margin-bottom: -15px; } .grid-wrapper:before, .grid-wrapper:after { content: ""; display: table; } .grid-wrapper:after { clear: both; } .grid .grid-wrapper .item { position: relative; width: 100%; float: left; background-size: cover !important; background-position: center !important; margin-bottom: 15px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .grid .grid-wrapper .item:nth-last-child(-n+1) { margin-bottom: 0; } .grid .grid-wrapper .item a { display: block; position: relative; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; background-color: rgba(31, 31, 31, 0.6); padding: 15px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 10; } .grid .grid-wrapper .item span { float: left; color: #ffffff; padding-right: 10px; margin-right: 10px; } .grid .grid-wrapper .item ul { width: 100%; height: 18px; float: left; color: #ffffff; text-overflow: ellipsis; padding: 0; overflow: hidden; white-space: nowrap; } .grid .grid-wrapper .item ul li { display: inline; color: #ffffff; font-family: "OpenSans-Light", Arial, sans-serif; margin-right: 2px; } .grid .grid-wrapper .item ul li:after { content: "\2C"; } .grid .grid-wrapper .item ul li:last-child:after { content: ""; } .grid .grid-wrapper .item h3 { display: block; display: -webkit-box; position: relative; width: 100%; height: 60px; color: #ffffff; font-family: "OpenSans-Light", Arial, sans-serif; font-size: 1.2em; line-height: 1.3; margin-top: 40px; margin-bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .grid .grid-wrapper .item h1, .grid .grid-wrapper .item h2, .grid .grid-wrapper .item h4, .grid .grid-wrapper .item h5, .grid .grid-wrapper .item h6, .grid .grid-wrapper .item p { display: none; } @media (min-width: 768px) { .grid .grid-wrapper { margin-bottom: -2%; } .grid .grid-wrapper .item { width: 32%; margin-right: 2%; margin-bottom: 2%; } .grid .grid-wrapper .item:nth-child(3n) { margin-right: 0; } .grid .grid-wrapper .item ul { width: 70%; } .grid .grid-wrapper .item h3 { height: 65px; font-size: 1.3em; } .content-narrow .grid .grid-wrapper .item { width: 49%; } .content-narrow .grid .grid-wrapper .item:nth-child(odd) { margin-right: 1%; } .content-narrow .grid .grid-wrapper .item:nth-child(even) { margin-left: 1%; margin-right: 0; } .grid .grid-wrapper .item:nth-last-child(-n+3) { margin-bottom: 0; } .content-narrow .grid .grid-wrapper .item:nth-last-child(-n+3) { margin-bottom: 2%; } .content-narrow .grid .grid-wrapper .item:nth-last-child(-n+2) { margin-bottom: 0; } } /* END min-width: 768px; */ @media (min-width: 1200px) { .grid .grid-wrapper .item:hover { background-color: #333333; } .grid .grid-wrapper .item ul { } .grid .grid-wrapper .item:hover ul li { color: #ffffff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .grid .grid-wrapper .item a:hover { background-color: rgba(31, 31, 31, 0.8); } .grid .grid-wrapper .item h3 { width: calc(90% + 30px); height: 64px; left: -30px; padding-left: 30px; margin-top: 90px; margin-bottom: 10px; } .grid .grid-wrapper .item:hover h3 { color: #ffffff; opacity: 1; left: 0; } .grid .grid-wrapper .item h3:before { position: absolute; content: "\62"; font-family: "fontsell"; left: 0; opacity: 0; } .grid .grid-wrapper .item:hover h3:before { opacity: 1; } } /* END min-width: 1200px; */ /* GRID - TRIANGLE *****************/ .grid.triangle .grid-wrapper .item { height: 100%; background-color: #555555; background-color: #4273a5; } .grid.triangle .grid-wrapper .item:before { content: ""; display: block; padding-top: 50%; } .grid.triangle .grid-wrapper .item a { position: absolute; text-decoration: none; padding: 0; overflow: hidden; } .grid.triangle .grid-wrapper .item a:before { content: ""; position: absolute; width: 150%; height: 100%; top: -100%; right: 0; background-color: #c62526; opacity: 0.9; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .grid.triangle .grid-wrapper .item a:after { display: block; position: absolute; top: 5px; left: 10px; color: #ffffff; font-family: "fontsell"; content: "\6a"; font-size: 2em; } .grid.triangle .grid-wrapper .item ul { display: none; float: none; } .grid.triangle .grid-wrapper .item ul li { display: none; width: 100%; max-height: 20px; color: #ffffff; text-transform: uppercase; font-size: 1em; margin: 0; margin-bottom: 5px; opacity: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .grid.triangle .item ul li:before { content: "\2022"; content: "\BB"; padding-top: 52%; margin-right: 5px; } .grid.triangle .item ul li:after { content: ""; } .grid.triangle .grid-wrapper .item h4 { display: none; } .grid.triangle .grid-wrapper .item h3 { position: absolute; width: 80%; height: auto; right: 0; bottom: 15px; left: auto; font-family: "OpenSans-Bold", Arial, sans-serif; font-size: 1.7em; letter-spacing: 1px; text-align: right; padding: 0 15px; } .grid.triangle .grid-wrapper .item h3:before { display: none; content: ""; } @media (min-width: 768px) { .grid.triangle .grid-wrapper .item:before { padding-top: 70%; } .grid.triangle .grid-wrapper .item a:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 58% 100%; -ms-transform-origin: 58% 100%; transform-origin: 58% 100%; } .grid.triangle .grid-wrapper .item ul:before { top: 10px; left: 13px; font-size: 2em; } .grid.triangle .grid-wrapper .item h3 { width: 100%; font-size: 1.5em; } } /* END min-width: 768px; */ @media (min-width: 992px) { .grid.triangle .grid-wrapper .item ul:before { top: 13px; left: 15px; font-size: 3em; } .grid.triangle .grid-wrapper .item h3 { width: 80%; font-size: 1.9em; } } /* END min-width: 992px; */ @media (min-width: 1200px) { .grid.triangle .grid-wrapper .item:hover { background-color: transparent; } .grid.triangle .grid-wrapper .item:before { padding-top: 100%; } .grid.triangle .grid-wrapper .item a:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .grid.triangle .grid-wrapper .item a:hover:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .grid.triangle .grid-wrapper .item a:after { display: none; } .grid.triangle .grid-wrapper .item ul { display: block; position: relative; width: 70%; height: auto; padding: 30px; margin-bottom: 0; opacity: 0; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .grid.triangle .grid-wrapper .item ul:before { display: none; } .grid.triangle .grid-wrapper .item a:hover ul { opacity: 1; } .grid.triangle .grid-wrapper .item ul li:nth-child(1), .grid.triangle .grid-wrapper .item ul li:nth-child(2), .grid.triangle .grid-wrapper .item ul li:nth-child(3), .grid.triangle .grid-wrapper .item ul li:nth-child(4), .grid.triangle .grid-wrapper .item ul li:nth-child(5) { display: block; display: -webkit-box; } .grid.triangle .grid-wrapper .item h4 { position: relative; display: block; display: -webkit-box; width: 70%; height: 102px; color: #ffffff; font-family: "OpenSans-Regular", Arial, sans-serif; font-size: 1.1em; line-height: 1.3; padding: 30px 30px 0 30px; opacity: 0; z-index: 1; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .grid.triangle .grid-wrapper .item a:hover h4 { opacity: 1; } .grid.triangle .grid-wrapper .item h3 { font-size: 2.3em; } } /* END min-width: 1200px; */ /*-------------------------------- COMPONENTS: IMAGES CAROUSEL --------------------------------*/ header .images-carousel, footer .images-carousel { display: none;} .images-carousel { position: relative; width: 100%; overflow: hidden; margin-bottom: 15px; z-index: 0;} .images-carousel .swiper-slide { background-color: #ffffff; background-size: cover !important; background-position: center !important; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);} .images-carousel .swiper-slide:before { content: ""; display: block; padding-top: 70%;} .images-carousel .swiper-slide .image-footer { position: absolute; width: 100%; bottom: 0; color: #c7c7c7; font-family: "OpenSans-Regular", Arial, Sans-serif; font-weight: normal; padding: 10px 15px; padding-left: 40px; background-color: rgba(0,0,0,0.6);} .images-carousel .swiper-slide .image-footer:before { content: "\41"; position: absolute; top: 50%; left: 15px; font-family: "fontsell"; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);} .images-carousel .swiper-slide .image-footer p { font-family: inherit; font-size: 0.8em; margin-bottom: 0;} .images-carousel .swiper-pagination-bullets { padding: 15px 0;} .images-carousel .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #003366; opacity: 0.3;} .images-carousel .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1;} .images-carousel .swiper-slide .zoom-image { position: absolute; width: 45px; height: 45px; top: 10px; right: 10px; color: #ffffff; border-radius: 50%; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); box-sizing: content-box; cursor: pointer; background-color: #003366;} .images-carousel .swiper-slide .zoom-image:hover { box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);} .images-carousel .swiper-slide .zoom-image .icon { position: absolute; top: 50%; left: 50%; font-size: 26px; line-height: 0.8; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .images-carousel-modal { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); z-index: 999999;} .images-carousel-modal .ic-close { position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .images-carousel-modal .ic-close i { position: absolute; top: 15px; right: 15px; color: #ffffff; font-size: 30px; line-height: 0.7; cursor: pointer;} .images-carousel-modal img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 200;} .images-carousel-modal img.img-horizontal, .images-carousel-modal img.img-vertical { width: 90%; height: auto;} .images-carousel-modal .ic-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 2000;} .images-carousel-modal .ic-arrow.ica-prev { left: 0;} .images-carousel-modal .ic-arrow.ica-next { right: 0;} .images-carousel-modal .ic-arrow.ica-prev:before, .images-carousel-modal .ic-arrow.ica-next:before { color: #ffffff; font-family: "fontsell"; font-size: 60px;} .images-carousel-modal .ic-arrow.ica-prev:before { content: "\6b";} .images-carousel-modal .ic-arrow.ica-next:before { content: "\6c";} @media (min-width: 768px){ .images-carousel .swiper-slide:before { padding-top: 50%;} .images-carousel .swiper-slide .image-footer p { font-size: 1em;} .images-carousel-modal img.img-horizontal { width: 90%; height: auto;} .images-carousel-modal img.img-vertical { width: auto; height: 80%;} } /* /END min-width: 768px */ @media (min-width: 992px){ .images-carousel-modal img.img-horizontal { width: 70%; height: auto;} } /* /END min-width: 992px */ @media (min-width: 1200px){ .images-carousel-modal img.img-horizontal { width: 100vh; max-width: 1024px;} .images-carousel-modal img.img-vertical { width: auto; height: 70vh; max-height: 1024px;} } /* /END min-width: 1200px */ /*-------------------------------- GALLERY - COLUMNS --------------------------------*/ .gallery.columns { position: relative; overflow: hidden;} .gallery.columns .swiper-wrapper { margin-bottom: 30px;} .gallery.columns .swiper-slide { background-color: #ffffff; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); overflow: hidden;} .gallery.columns .swiper-slide:before { content: ""; display: block; padding-top: 65%;} .gallery.columns .swiper-slide a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #0e3366;} .gallery.columns .swiper-slide a:before { opacity: 0;} .gallery.columns .swiper-slide a .text-wrapper { position: absolute; width: 75%; top: 0; left: 0; padding: 30px 40px 0px 20px;} .gallery.columns .swiper-slide a .text-wrapper .subtitle { height: 18px; color: #1f1f1f; font-family: "OpenSans-Regular", Arial, sans-serif; font-size: 13px; margin-top: 0; overflow: hidden;} .gallery.columns .swiper-slide a .text-wrapper .title { display: block; height: 74px; font-family: "OpenSans-Regular", Arial, sans-serif; font-size: 1.2em; line-height: 1.2; margin: 0 auto; overflow: hidden;} .gallery.columns .swiper-slide a .background { position: absolute; width: 66%; height: 100%; right: 0; bottom: 0; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;} .gallery.columns .swiper-slide a .background .angle-decor { width: 0; height: 0; padding-bottom: 100%; padding-left: 100%; overflow: hidden;} .gallery.columns .swiper-slide a .background .angle-decor:after { content: ""; display: block; width: 0; height: 0; margin-left: -500px; border-bottom: 500px solid transparent; border-left: 500px solid #ffffff;} .gallery.columns .swiper-pagination-bullets { bottom: 0; padding: 0;} .gallery.columns .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background-color: #000; opacity: 0.2;} .gallery.columns .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #003366; opacity: 1;} .gallery.columns .swiper-buttons-wrapper { display: none; position: absolute; top: 0; right: -10px;} .gallery.columns .swiper-buttons-wrapper:before, .gallery.columns .swiper-buttons-wrapper:after { content: ""; display: table;} .gallery.columns .swiper-buttons-wrapper:after { clear: both;} .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { position: relative; width: 30px; height: 30px; float: left; background-image: none; background-size: auto 65%; background-color: #0e3366; margin: 0;} .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { margin-right: 30px;} .gallery.columns .swiper-buttons-wrapper .swiper-button-next:before, .gallery.columns .swiper-buttons-wrapper .swiper-button-prev:before { position: absolute; top: 50%; left: 50%; color: #ffffff; font-family: "fontsell"; font-size: 25px; line-height: 1; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .gallery.columns .swiper-buttons-wrapper .swiper-button-next:before { content: "\6c";} .gallery.columns .swiper-buttons-wrapper .swiper-button-prev:before { content: "\6b";} .box-flow .gallery.columns .swiper-slide { background-color: #0e3366; box-shadow: none;} .box-flow .gallery.columns .swiper-slide a { color: #ffffff;} .box-flow .gallery.columns .swiper-slide a .text-wrapper .subtitle { color: #fefefe;} .box-flow .gallery.columns .swiper-slide a .background .angle-decor:after { border-left: 500px solid #0e3366;} .no-js .gallery.columns .swiper-wrapper { display: block;} .no-js .gallery.columns .swiper-slide { display: block; width: 100%; float: left; margin-bottom: 4%;} .no-js .gallery.columns .swiper-slide:before { padding-top: 120%;} .no-js .gallery.columns .swiper-buttons-wrapper { display: none;} @media (min-width: 414px) { .gallery.columns .swiper-slide a .text-wrapper .title { height: 116px; font-size: 1.8em;} } /* END min-width: 414px; */ @media (min-width: 568px) { .gallery.columns .swiper-buttons-wrapper { display: block;} .gallery.columns .swiper-slide a .text-wrapper .title { height: 70px; font-size: 1.1em;} .no-js .gallery.columns .swiper-slide { width: 48%; margin-bottom: 4%;} .no-js .gallery.columns .swiper-slide:nth-child(odd){ margin-right: 4%;} .no-js .gallery.columns .swiper-slide:nth-child(even){ margin-right: 0;} } /* END min-width: 568px; */ @media (min-width: 768px) { .gallery.columns .swiper-slide:before { padding-top: 150%;} .gallery.columns .swiper-slide a .background { width: 100%; height: auto;} .gallery.columns .swiper-slide a .text-wrapper { width: 90%;} .gallery.columns .swiper-slide a .text-wrapper .title { height: 94px; font-size: 1.5em;} } /* END min-width: 768px; */ @media (min-width: 992px) { .no-js .gallery.columns .swiper-slide { width: 30%; margin-bottom: 5%;} .no-js .gallery.columns .swiper-slide:nth-child(odd), .no-js .gallery.columns .swiper-slide:nth-child(even){ margin-right: 5%;} .no-js .gallery.columns .swiper-slide:nth-child(3n){ margin-right: 0;} } /* END min-width: 992px; */ @media (min-width: 1200px) { .gallery.columns .swiper-slide a { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .gallery.columns .swiper-slide:hover a { left: 20px;} .gallery.columns .swiper-slide a:before { display: block; position: absolute; top: 24px; left: -7px; font-family: "fontsell"; content: "\62"; color: #0e3366; font-size: 1.5em; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 10;} .gallery.columns .swiper-slide:hover a:before { opacity: 1;} .box-flow .gallery.columns .swiper-slide a:before { color: #ffffff;} .no-js .gallery.columns .swiper-slide { width: 22%; margin-bottom: 3%;} .no-js .gallery.columns .swiper-slide:before { padding-top: 150%;} .no-js .gallery.columns .swiper-slide:nth-child(odd), .no-js .gallery.columns .swiper-slide:nth-child(even), .no-js .gallery.columns .swiper-slide:nth-child(3n){ margin-right: 3%;} .no-js .gallery.columns .swiper-slide:nth-child(4n){ margin-right: 0;} } /* END min-width: 1200px; */ /*-------------------------------- ELEMENTS: LISTING --------------------------------*/ .listing { background: #ffffff; padding: 30px;} .listing .title { color: #0e3366; margin-top: 0;} .listing ul { padding-left: 15px;} .listing ul li, .listing ul li a { color: #6a90b5;} @media (min-width: 768px) { .listing ul li { position: relative;} .listing ul li:before { content: ""; position: absolute; top: 6px; left: -13px; width: 5px; height: 5px; background-color: #6a90b5; border-radius: 50%;} .listing ul li a { display: block; height: 18px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} } /* END min-width: 768px; */ /*-------------------------------- ELEMENTS: LISTING INLINE --------------------------------*/ ul.listing-inline { padding-left: 0; list-style: none; margin: 10px 0;} ul.listing-inline li { display: inline;} ul.listing-inline li:after { content: "\2C";} ul.listing-inline li:last-child:after { content: "";} ul.listing-inline li a { color: #6a90b5;} /*-------------------------------- COMPONENTS: LISTING BIG --------------------------------*/ .listing-big:before, .listing-big:after { content: ""; display: table;} .listing-big:after { clear: both;} .listing-big .item { position: relative; width: 100%; float: left; background-color: #ffffff; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); margin-bottom: 15px; overflow: hidden;} .listing-big .item:before { content: ""; display: block;} .listing-big .item:last-child, .listing-big .item:last-of-type { margin-bottom: 0;} .listing-big .item a { display: block; display: -webkit-box; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .listing-big .item a:before { display: block; display: -webkit-box; position: absolute; top: 58px; left: -7px; font-family: "fontsell"; content: "\62"; color: #0e3366; font-size: 2em; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .listing-big .item .background{ position: absolute; background-color: #cccccc; background-size: cover !important; background-position: center !important; overflow: hidden;} .listing-big .item .background:before { content: ""; position: absolute; width: 150%; height: 200%; top: -200%; right: 0; background-color: #ffffff; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .listing-big .item .text-wrapper h3 { display: block; display: -webkit-box; color: #0e3366; text-transform: uppercase; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .listing-big .item .text-wrapper p { display: block; display: -webkit-box; max-height: 18px; color: #1f1f1f; font-size: 1em; margin-bottom: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media (min-width: 320px) { .listing-big .item { margin-bottom: 15px;} .listing-big .item:before { padding-top: 40%;} .listing-big .item .background { width: 50%; height: 100%; top: 0; right: 0;} .listing-big .item .text-wrapper { position: relative; width: 85%; padding: 0 20px;} .listing-big .item .text-wrapper h3 { width: 100%; max-height: 48px; color: #0e3366; font-size: 1.3em; line-height: 1.2; margin-bottom: 0; -webkit-line-clamp: 2;} .listing-big .item .text-wrapper p { width: 80%; max-height: 35px; color: #0e3366; font-size: 1em;} } /* END min-width: 320px; */ @media (min-width: 375px) { .listing-big .item .text-wrapper { width: 80%;} .listing-big .item .text-wrapper h3 { font-size: 1.4em;} .listing-big .item .text-wrapper p { max-height: 56px; width: 90%; -webkit-line-clamp: 3;} } /* END min-width: 375px; */ @media (min-width: 414px) { .listing-big .item .text-wrapper h3 { margin-top: 30px;} } /* END min-width: 414px; */ @media (min-width: 768px) { .listing-big .item:before { padding-top: 33%;} .listing-big .item .background { width: 40%; height: 100%;} .listing-big .item .text-wrapper { padding: 30px;} .listing-big .item .text-wrapper h3 { max-height: 80px; font-size: 2em; margin-top: 20px; margin-bottom: 10px;} .listing-big .item .text-wrapper p { font-size: 1.6em; max-height: 90px; -webkit-line-clamp: 3;} } /* END min-width: 768px; */ @media (min-width: 992px) { .listing-big .item:before { padding-top: 22%;} .listing-big .item .background { width: 30%;} .listing-big .item .text-wrapper h3 { margin-top: 15px;} .listing-big .item .text-wrapper p { font-size: 1.6em; max-height: 62px; -webkit-line-clamp: 2;} .content-narrow .listing-big .item:before { padding-top: 25%;} } /* END min-width: 992px; */ @media (min-width: 1200px) { .listing-big .item { margin-bottom: 30px;} .listing-big .item:hover a { left: 30px;} .listing-big .item:hover a:before { opacity: 1;} .listing-big .item .text-wrapper h3 { margin-top: 30px;} .listing-big .item .text-wrapper p { width: 100%; font-size: 1.2em;} } /* END min-width: 1200px; */ /*-------------------------------- COMPONENTS: LISTING BITS --------------------------------*/ .listing-bits { width: 100%;} .listing-bits:before, .listing-bits:after { content: ""; display: table;} .listing-bits:after { clear: both;} .listing-bits .item { width: 100%; background-color: #ffffff; padding: 10px; margin-bottom: 15px; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);} .listing-bits .item .lb-item-header { padding-bottom: 10px; border-bottom: 1px solid #e0dfdf; margin-bottom: 10px;} .listing-bits .item .lb-item-header:before, .listing-bits .item .lb-item-header:after { content: ""; display: table;} .listing-bits .item .lb-item-header:after { clear: both;} .listing-bits .item .lb-item-header .lb-item-icon { position: relative; width: 10%; float: left; color: #ffffff; background-color: #0e3366; border-radius: 50%;} .listing-bits .item .lb-item-header .lb-item-icon:before { content: ""; display: block; padding-top: 100%;} .listing-bits .item .lb-item-header .lb-item-icon i { position: absolute; top: 50%; left: 50%; font-size: 17px; line-height: 17px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .listing-bits .item .lb-item-header .lb-item-title { display: block; display: -webkit-box; position: relative; width: 85%; max-height: 34px; color: #0e3366; font-family: "OpenSans-SemiBold", Arial, sans-serif; font-size: 1.1em; line-height: 1.2; padding-left: 10px; margin-top: 5px; margin-bottom: 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .listing-bits .item .lb-item-content {} .listing-bits .item .lb-item-content:before, .listing-bits .item .lb-item-content:after { content: ""; display: table;} .listing-bits .item .lb-item-content:after { clear: both;} .listing-bits .item .lb-item-content ul { color: #1f1f1f; list-style: none; padding: 0; padding-bottom: 10px; border-bottom: 1px solid #e0dfdf; margin-bottom: 10px;} .listing-bits .item .lb-item-content ul li { display: block; display: -webkit-box; max-height: 21px; color: inherit; font-size: 12px; margin-bottom: 5px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .listing-bits .item .lb-item-content ul li:last-child, .listing-bits .item .lb-item-content ul li:last-of-type { margin-bottom: 0;} .listing-bits .item .lb-item-content ul li:before { display: inline-block; width: 10%; color: #003366; font-family: "fontsell"; text-align: center; vertical-align: middle;} .listing-bits .item .lb-item-content ul li.telephone:before { content: "\43";} .listing-bits .item .lb-item-content ul li.address:before { content: "\44";} .listing-bits .item .lb-item-content ul li.email:before { content: "\45";} .listing-bits .item .lb-item-content ul li a { text-decoration: none; color: inherit;} .listing-bits .item .lb-item-content p { display: block; height: 84px; display: -webkit-box; font-size: 14px; padding: 0 10px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #e0dfdf;} .listing-bits .item .lb-item-content .btn { display: block; font-size: 13px; margin-right: auto; margin-left: auto;} .listing-bits .item.type-favorite .btn { width: 70%; float: left;} .listing-bits .item.type-favorite .btn.btn-fav-remove { width: 30%;} @media (min-width: 375px){ .listing-bits .item .lb-item-header .lb-item-icon { width: 12%;} .listing-bits .item .lb-item-header .lb-item-title { max-height: 50px; font-size: 1.4em; line-height: 1.3; margin-top: 2.5%;} .listing-bits .item .lb-item-content ul li { font-size: 13px;} } /* /END min-width: 375px */ @media (min-width: 414px){ .listing-bits .item .lb-item-header .lb-item-title { font-size: 1.6em; line-height: 1.2; margin-top: 2.5%;} .listing-bits .item .lb-item-content ul li { font-size: 14px;} } /* /END min-width: 414px */ @media (min-width: 768px){ .listing-bits .item { width: 48%; float: left; margin-right: 4%; margin-bottom: 4%;} .listing-bits .item:nth-child(even) { margin-right: 0;} .listing-bits .item .lb-item-header .lb-item-title { height: 50px; max-height: 50px; margin-top: 2%;} } /* /END min-width: 768px */ @media (min-width: 992px){ .listing-bits .item { width: 31%; float: left; margin-right: 3%; margin-bottom: 3%;} .listing-bits .item:nth-child(even) { margin-right: 3%;} .listing-bits .item:nth-child(3n) { margin-right: 0;} .listing-bits .item .lb-item-header .lb-item-title { margin-top: 1.2%;} .content-narrow .listing-bits .item { width: 48%; margin-right: 4%; margin-bottom: 4%;} .content-narrow .listing-bits .item:nth-child(even) { margin-right: 0;} } /* /END min-width: 992px */ @media (min-width: 1200px){ .listing-bits .item .lb-item-header .lb-item-title { margin-top: 2%;} } /* /END min-width: 1200px */ /*-------------------------------- COMPONENTS: CARD DETAIL --------------------------------*/ .card-detail { width: 100%; background-color: #ffffff; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); margin-bottom: 30px;} .card-detail:before, .card-detail:after { content: ""; display: table;} .card-detail:after { clear: both;} .card-detail .header { display: -webkit-box; display: block; width: 100%; background-color: #1f548a; background-blend-mode: multiply; background-size: cover !important; background-position: center !important;} .card-detail .header:before { content: ""; display: block;} .card-detail .details:before, .card-detail .details:after { content: ""; display: table;} .card-detail .details:after { clear: both;} .card-detail .details .image { background: #555555; border-radius: 50%; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); overflow: hidden;} .card-detail .details .subheading { font-family: "OpenSans-Regular", Arial, sans-serif; font-size: 1.1em; margin-top: 10px;} .card-detail .details .card-detail-info .cdi-info-row { font-size: 1.1em; padding-bottom: 10px;} .card-detail .details .card-detail-info .cdi-info-row:last-child, .card-detail .details .card-detail-info .cdi-info-row:last-of-type { padding-bottom: 0;} .card-detail .details .card-detail-info .cdi-info-row i { color: #0e3366; font-size: 1.3em; line-height: 0; vertical-align: middle;} .card-detail .details .card-detail-info .cdi-info-row p { margin-bottom: 0;} aside .card-detail .details .image { width: 80px; margin: -40px auto 15px;} aside .card-detail .details .heading { width: 100%; max-width: 100%; font-size: 1.3em; margin: 0;} aside .card-detail .details .subheading{ width: 100%; max-width: 100%; font-size: 1em; margin: 5px auto 0;} aside .card-detail .details { padding: 0 15px 15px;} aside .card-detail .details .card-detail-info .cdi-info-row { width: 100%; float: none; margin-bottom: 5px;} aside .card-detail .details .card-detail-info .cdi-info-row:first-child, aside .card-detail .details .card-detail-info .cdi-info-row:first-of-type { border: none; padding-bottom: 0; margin-bottom: 5px;} aside .card-detail .details .card-detail-info .cdi-info-row p { font-size: 0.9em;} aside .card-detail .details .card-detail-info .cdi-info-row i { font-size: 18px;} @media (min-width: 320px) { .card-detail { text-align: center; padding: 0;} .card-detail .header:before { padding-top: 40%;} .card-detail .details { padding: 0 15px 15px;} .card-detail .details .image { width: 110px; margin: -50px auto 15px; border: 5px solid #ffffff;} .card-detail .details .heading { color: #0e3366; font-family: "OpenSans-Regular", Arial, Sans-serif; font-size: 1.5em; padding-left: 0; margin-bottom: 0;} .card-detail .details .heading:before { background-image: none;} .card-detail .details .card-detail-info .cdi-info-row i { display: block; margin-bottom: 10px;} } /* END min-width: 320px; */ @media (min-width: 768px) { .card-detail .header:before { padding-top: 30%;} .card-detail .details { padding: 0 30px 30px;} .card-detail .details .image { width: 150px; margin: -75px auto 15px;} .card-detail .details .heading { max-width: 65%; font-size: 2em; margin: 0 auto;} .card-detail .details .subheading { max-width: 65%; font-size: 1.4em; margin: 10px auto 0;} .card-detail .details .card-detail-info .cdi-info-row { width: 33.3333334%; float: left; padding-right: 15px; padding-left: 15px; padding-bottom: 0;} .card-detail .details .card-detail-info .cdi-info-row:first-child, .card-detail .details .card-detail-info .cdi-info-row:first-of-type { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px;} .card-detail .details .card-detail-info .cdi-info-row i { font-size: 25px;} .card-detail .details .card-detail-info .cdi-info-row p { font-size: 1.1em;} } /* END min-width: 768px; */ @media (min-width: 1200px) { .card-detail .details .image { width: 150px; margin: -75px auto 30px;} } /* END min-width: 1200px; */ /*-------------------------------- COMPONENTS: EXTRAS --------------------------------*/ header .extras, aside .extras, footer .extras { display: none;} .extras { background-color: #ffffff; box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); padding: 30px; margin-bottom: 30px;} .extras ul { padding-left: 0; list-style: none;} .extras ul li { position: relative; border-bottom: 1px solid #e0dfdf;} .extras ul li:first-child, .extras ul li:first-of-type { border-top: 1px solid #e0dfdf;} .extras ul li h1, .extras ul li h2, .extras ul li h3, .extras ul li h4, .extras ul li h5, .extras ul li h6, .extras ul li p { display: block; display: -webkit-box; margin-bottom: 15px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .extras ul li h1, .extras ul li h2, .extras ul li h3, .extras ul li h4, .extras ul li h5, .extras ul li h6 { line-height: 1.2; margin-top: 0; margin-bottom: 0;} .extras ul li p { max-height: 18px; margin: 5px 0 0;} .extras ul li .btn { display: block; position: absolute; top: 50%; right: 5px; font-weight: bold; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);} @media (min-width: 320px){ .extras { padding: 15px;} .extras .heading { margin-bottom: 15px;} .extras ul li { padding:10px 0;} .extras ul li h1, .extras ul li h2, .extras ul li h3, .extras ul li h4, .extras ul li h5, .extras ul li h6 { width: 85%; height: 18px; font-size: 1.05em;} .extras ul li p { width: 85%; margin-top: 0;} .extras ul li .btn { padding: 2px 5px 0;} .extras ul li .btn i { font-size: 20px; line-height: 0;} .extras ul li .btn span { display: none;} } /* END min-width: 320px; */ @media (min-width: 768px){ .extras { padding: 30px;} .extras .heading { margin-bottom: 30px;} .extras ul li { padding:15px 0; padding-left: 30px;} .extras ul li:before { position: absolute; content: "\78"; top: 17px; left: 6px; font-family: "fontsell"; font-size: 10px;} .extras.external ul li:before { content: "\4a"; font-size: 16px; top: 13px; left: 3px;} .extras ul li h1, .extras ul li h2, .extras ul li h3, .extras ul li h4, .extras ul li h5, .extras ul li h6 { width: 80%; height: 20px; font-size: 1.2em;} .extras ul li p { width: 80%; margin: 5px 0 0;} .extras ul li .btn { padding: 6px 12px;} .extras ul li .btn i { display: none;} .extras ul li .btn span { display: block;} } /* END min-width: 768px; */ @media (min-width: 992px){ .extras ul li h1, .extras ul li h2, .extras ul li h3, .extras ul li h4, .extras ul li h5, .extras ul li h6, .extras ul li p { width: 85%;} .content-narrow .extras ul li h1, .content-narrow .extras ul li h2, .content-narrow .extras ul li h3, .content-narrow .extras ul li h4, .content-narrow .extras ul li h5, .content-narrow .extras ul li h6, .content-narrow .extras ul li p { width: 75%;} } /* END min-width: 992px; */ @media (min-width: 1200px){ .content-narrow .extras ul li h1, .content-narrow .extras ul li h2, .content-narrow .extras ul li h3, .content-narrow .extras ul li h4, .content-narrow .extras ul li h5, .content-narrow .extras ul li h6, .content-narrow .extras ul li p { width: 80%;} } /* END min-width: 1200px; */ /*-------------------------------- COMPONENTS: SPONSORS CAROUSEL --------------------------------*/ .sponsors-carousel { padding-bottom: 30px;} .sponsors-carousel .swiper-pagination { bottom: 0;} .sponsors-carousel .swiper-pagination .swiper-pagination-bullet { background-color: #003366;} /*-------------------------------- COMPONENTS: SHARE ICONS (JS) --------------------------------*/ /* SHARE BOX: TYPE LIST **********************/ .share-box.type-list .jssocials .jssocials-shares .jssocials-share { padding-bottom: 5px; border-bottom: 1px solid #e0dfdf; margin-bottom: 5px;} .share-box.type-list .jssocials .jssocials-shares .jssocials-share:last-child, .share-box.type-list .jssocials .jssocials-shares .jssocials-share:last-of-type { padding-bottom: 0; border-bottom: 0; margin-bottom: 0;} .share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link { font-size: 16px; text-decoration: none;} .share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-logo { display: none;} .share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-label { position: relative; padding-left: 30px; color: #333;} .share-box.type-list .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-label:before { position: absolute; top: 50%; left: 0; font-family: "fontsell"; font-size: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .share-box.type-list .jssocials .jssocials-shares .jssocials-share.jssocials-share-email .jssocials-share-link .jssocials-share-label:before { content: "\45"; color: #3490F3;} .share-box.type-list .jssocials .jssocials-shares .jssocials-share.jssocials-share-twitter .jssocials-share-link .jssocials-share-label:before { content: "\67"; color: #00aced;} .share-box.type-list .jssocials .jssocials-shares .jssocials-share.jssocials-share-facebook .jssocials-share-link .jssocials-share-label:before { content: "\66"; color: #3b5998;} /* SHARE ICONS: TYPE ROW ***********************/ .share-box.type-row { text-align: center; margin-top: 15px; margin-bottom: 15px;} .share-box.type-row .heading { display: inline-block; margin-right: 15px; margin-bottom: 0;} .share-box.type-row .jssocials { display: inline-block;} .share-box.type-row .jssocials .jssocials-shares .jssocials-share { display: inline-block; margin:0 0 -9px 5px;} .share-box.type-row .jssocials .jssocials-shares .jssocials-share:first-child, .share-box.type-row .jssocials .jssocials-shares .jssocials-share:first-of-type { margin-left: 0;} .share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link { display: block; position: relative; width: 30px; height: 30px; background-color: #1f1f1f; border-radius: 50%; color: #ffffff;} .share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link:before { position: absolute; top: 50%; left: 50%; font-family: "fontsell"; font-size: 16px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-email .jssocials-share-link { background-color: #3490F3;} .share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-email .jssocials-share-link:before { content: "\45";} .share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-twitter .jssocials-share-link { background-color: #00aced;} .share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-twitter .jssocials-share-link:before { content: "\67";} .share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-facebook .jssocials-share-link { background-color: #3b5998;} .share-box.type-row .jssocials .jssocials-shares .jssocials-share.jssocials-share-facebook .jssocials-share-link:before { content: "\66";} .share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-logo, .share-box.type-row .jssocials .jssocials-shares .jssocials-share .jssocials-share-link .jssocials-share-label { display: none;} @media (min-width: 1200px){ .share-box.type-row { text-align: right;} } /* /END min-width: 1200px */ /*-------------------------------- COMPONENTS: SEARCH --------------------------------*/ /* SEARCH - HOME QUICK VIEW **************************/ .quick-search { width: 100%; background-color: rgba(0, 51, 102, 1); margin-bottom: 15px;} .quick-search .title { float: left; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; margin-top: 0; margin-bottom: 15px;} .quick-search .switch-block { width: auto; float: right;} .quick-search .switch-block h4 { color: #ffffff; font-family: "OpenSans-Regular", Arial, sans-serif;} .quick-search .switch-block .switchbox + label:before { background-color: rgba(0, 51, 102, 1); border: 2px solid #f2f2f2;} .quick-search .switch-block .switchbox:checked + label:before { border: 2px solid #f2f2f2; background-color: rgb(75, 120, 165)} .quick-search .switch-block .switchbox + label:after { left: 4px; top: 4px; width: 16px; height: 16px; border: 1px solid rgba(0, 51, 102, 1);} .quick-search .switch-block .switchbox:checked + label:after { border: 1px solid rgb(75, 120, 165);} .quick-search input { width: inherit; height: 45px; font-size: 1.2em; letter-spacing: 1px; background: #ffffff; border: 0; box-shadow: none; outline: 0; padding: 0 15px;} .quick-search .input-group-btn .btn { height: 45px; width: 45px; border: 0;} .quick-search .input-group-btn .btn:focus { outline: 0;} .quick-search .input-group-btn .btn i { display: block; font-size: 22px; line-height: 0.9; padding-top: 2px;} .quick-search .example { color: #ffffff; font-size: 1em; font-style: italic; margin-top: 10px; margin-bottom: 0;} .quick-search .input-group-btn { font-size: 1em;} #home-quick-view .quick-search { background-color: rgba(0, 51, 102, 0.85); margin-bottom: 0;} #home-quick-view #btn-quick-search { display: none;} @media (min-width: 320px){ .quick-search { padding: 15px;} .quick-search .title { font-size: 1.4em; margin-top: 2px;} .quick-search .switch-block h4 { font-size: 0.85em; margin-top: 5px; margin-right: 5px;} } /* END min-width: 320px; */ @media (min-width: 768px){ .quick-search { padding: 30px;} .quick-search .title { margin-top: 0; font-size: 1.7em;} .quick-search .switch-block h4 { font-size: 15px; margin-top: 3px; margin-right: 10px;} } /* END min-width: 768px; */ /* SEARCH - RESULTS ******************/ .search-results ul { list-style: none; padding: 10px 0;} .search-results ul li { border-bottom: 1px solid #e0dfdf; padding-bottom: 10px; margin-bottom: 10px;} .search-results ul li h3, .search-results ul li h4 { font-family: "OpenSans-Regular"; font-weight: normal; margin-top: 0; margin-bottom: 3px;} .search-results ul li h3 { font-size: 19px; line-height: 1.2;} .search-results ul li h3 a { color: #0e3366;} .search-results ul li h4 { font-size: 14px;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* -------------------------------------------- MICROSITES: THEME COLORS ----------------------------------------------------- */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* !!! if no other theme color is applied Corporate Blue is the default color */ /* THEME COMMONS - COLOR CIAN ****************************/ .theme-color_cian .main-header { background-color: #009fe3} .theme-color_cian .btn-primary { background-color: #009fe3; border: 1px solid #009fe3;} .theme-color_cian .btn-primary:hover { background-color: #0086bf;} .theme-color_cian .btn-primary-o { color: #009fe3; border: 1px solid #009fe3;} .theme-color_cian .btn-primary-o:hover { color: #ffffff; background-color: #009fe3;} .theme-color_cian .heading { color: #009fe3;} .theme-color_cian #common_top-bar { background-color: #009fe3;} .theme-color_cian .grid .grid-wrapper .item { background-color: #009fe3;} .theme-color_cian .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #009fe3 !important;} .theme-color_cian .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_cian .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #009fe3;} .theme-color_cian .gallery.columns .swiper-slide a .text-wrapper .title { color: #009fe3;} .theme-color_cian .box-flow .gallery.columns .swiper-slide { background-color: #009fe3;} .theme-color_cian .box-flow .gallery.columns .swiper-slide a .text-wrapper .title { color: #ffffff;} .theme-color_cian .box-flow .gallery.columns .swiper-slide a .background .angle-decor:after { border-left: 500px solid #009fe3;} /* THEME COMMONS - COLOR ORANGE ******************************/ .theme-color_orange .main-header { background-color: #ff9933} .theme-color_orange .btn-primary { background-color: #ff9933; border: 1px solid #ff9933;} .theme-color_orange .btn-primary:hover { background-color: #f78718;} .theme-color_orange .btn-primary-o { color: #ff9933; border: 1px solid #ff9933;} .theme-color_orange .btn-primary-o:hover { color: #ffffff; background-color: #ff9933;} .theme-color_orange .heading { color: #ff9933;} .theme-color_orange #common_top-bar { background-color: #ff9933;} .theme-color_orange .grid .grid-wrapper .item { background-color: #ff9933;} .theme-color_orange .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ff9933 !important;} .theme-color_orange .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_orange .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #ff9933;} .theme-color_orange .gallery.columns .swiper-slide a .text-wrapper .title { color: #ff9933;} /* THEME COMMONS - COLOR REDWINE *******************************/ .theme-color_redwine .main-header { background-color: #cc3333;} .theme-color_redwine .btn-primary { background-color: #cc3333; border: 1px solid #cc3333;} .theme-color_redwine .btn-primary:hover { background-color: #a21919;} .theme-color_redwine .btn-primary-o { color: #cc3333; border: 1px solid #cc3333;} .theme-color_redwine .btn-primary-o:hover { color: #ffffff; background-color: #cc3333;} .theme-color_redwine .btn-cta { background-color: #003366; border: 1px solid #003366;} .theme-color_redwine .btn-cta:hover { background-color: #204f90;} .theme-color_redwine .btn-cta-o { color: #003366; border: 1px solid #003366;} .theme-color_redwine .btn-cta-o:hover { color: #ffffff; background-color: #003366;} .theme-color_redwine .heading { color: #cc3333;} .theme-color_redwine #common_top-bar { background-color: #cc3333;} .theme-color_redwine .grid .grid-wrapper .item { background-color: #cc3333;} .theme-color_redwine .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #cc3333 !important;} .theme-color_redwine .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_redwine .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #cc3333;} .theme-color_redwine .gallery.columns .swiper-slide a .text-wrapper .title { color: #cc3333;} /* THEME COMMONS - COLOR GREEN *****************************/ .theme-color_green .main-header { background-color: #009933;} .theme-color_green .btn-primary { background-color: #009933; border: 1px solid #009933;} .theme-color_green .btn-primary:hover { background-color: #01822c;} .theme-color_green .btn-primary-o { color: #009933; border: 1px solid #009933;} .theme-color_green .btn-primary-o:hover { color: #ffffff; background-color: #009933;} .theme-color_green .heading { color: #009933;} .theme-color_green #common_top-bar { background-color: #009933;} .theme-color_green .grid .grid-wrapper .item { background-color: #009933;} .theme-color_green .images-carousel .swiper-pagination-bullets .swiper-pagination-bullet { background-color: #009933;} .theme-color_green .sponsors-carousel .swiper-pagination .swiper-pagination-bullet { background-color: #009933;} .theme-color_green .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #009933 !important;} .theme-color_green .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_green .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #009933;} .theme-color_green .gallery.columns .swiper-slide a .text-wrapper .title { color: #009933;} /* THEME COMMONS - COLOR LIGHTGRAY *********************************/ .theme-color_lightgray .main-header { background-color: #a69c95;} .theme-color_lightgray .btn-primary { background-color: #a69c95; border: 1px solid #a69c95;} .theme-color_lightgray .btn-primary:hover { background-color: #8e857f;} .theme-color_lightgray .btn-primary-o { color: #a69c95; border: 1px solid #a69c95;} .theme-color_lightgray .btn-primary-o:hover { color: #ffffff; background-color: #a69c95;} .theme-color_lightgray .heading { color: #a69c95;} .theme-color_lightgray #common_top-bar { background-color: #a69c95;} .theme-color_lightgray .grid .grid-wrapper .item { background-color: #a69c95;} .theme-color_lightgray .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #a69c95 !important;} .theme-color_lightgray .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_lightgray .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #a69c95;} .theme-color_lightgray .gallery.columns .swiper-slide a .text-wrapper .title { color: #a69c95;} /* THEME COMMONS - COLOR DARKGRAY ********************************/ .theme-color_darkgray .main-header { background-color: #6f625a;} .theme-color_darkgray .btn-primary { background-color: #6f625a; border: 1px solid #6f625a;} .theme-color_darkgray .btn-primary:hover { background-color: #8e857f;} .theme-color_darkgray .btn-primary-o { color: #6f625a; border: 1px solid #6f625a;} .theme-color_darkgray .btn-primary-o:hover { color: #ffffff; background-color: #6f625a;} .theme-color_darkgray .heading { color: #6f625a;} .theme-color_darkgray #common_top-bar { background-color: #6f625a;} .theme-color_darkgray .grid .grid-wrapper .item { background-color: #6f625a;} .theme-color_darkgray .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #6f625a !important;} .theme-color_darkgray .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_darkgray .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #6f625a;} .theme-color_darkgray .gallery.columns .swiper-slide a .text-wrapper .title { color: #6f625a;} /* THEME COMMONS - COLOR MARINE ******************************/ .theme-color_marine .main-header { background-color: #0099a9;} .theme-color_marine .btn-primary { background-color: #0099a9; border: 1px solid #0099a9;} .theme-color_marine .btn-primary:hover { background-color: #057f8c;} .theme-color_marine .btn-primary-o { color: #0099a9; border: 1px solid #0099a9;} .theme-color_marine .btn-primary-o:hover { color: #ffffff; background-color: #0099a9;} .theme-color_marine .heading { color: #0099a9;} .theme-color_marine #common_top-bar { background-color: #0099a9;} .theme-color_marine .grid .grid-wrapper .item { background-color: #0099a9;} .theme-color_marine .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0099a9 !important;} .theme-color_marine .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_marine .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #0099a9;} .theme-color_marine .gallery.columns .swiper-slide a .text-wrapper .title { color: #0099a9;} /* THEME 1 - COLOR PURPLE ************************/ .theme-color_purple .main-header { background-color: #660066;} .theme-color_purple .btn-primary { background-color: #660066; border: 1px solid #660066;} .theme-color_purple .btn-primary:hover { background-color: #560b56;} .theme-color_purple .btn-primary-o { color: #660066; border: 1px solid #660066;} .theme-color_purple .btn-primary-o:hover { color: #ffffff; background-color: #660066;} .theme-color_purple .heading { color: #660066;} .theme-color_purple #common_top-bar { background-color: #660066;} .theme-color_purple .grid .grid-wrapper .item { background-color: #660066;} .theme-color_purple .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #660066 !important;} .theme-color_purple .gallery.columns .swiper-buttons-wrapper .swiper-button-next, .theme-color_purple .gallery.columns .swiper-buttons-wrapper .swiper-button-prev { background-color: #660066;} .theme-color_purple .gallery.columns .swiper-slide a .text-wrapper .title { color: #660066;} /*================================================================= ██████╗ ██████╗ ███╗ ██╗██████╗ █████╗ ███████╗███████╗ ██╔══██╗██╔═══██╗████╗ ██║██╔══██╗██╔══██╗ ██╔════╝██╔════╝ ██████╔╝██║ ██║██╔██╗ ██║██║ ██║███████║ █████╗ ███████╗ ██╔══██╗██║ ██║██║╚██╗██║██║ ██║██╔══██║ ██╔══╝ ╚════██║ ██████╔╝╚██████╔╝██║ ╚████║██████╔╝██║ ██║██╗███████╗███████║ ╚═════╝ ╚═════╝ ╚═╝ ╚═══╝╚═════╝ ╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ http://bonda.es - FROM MALLORCA WITH LOVE //=================================================================*/ /* /////////////////////////////////////////////////////////////// */ /* IMPORTANT: this CSS file requires common-styles.css */ /* /////////////////////////////////////////////////////////////// */ /*-------------------------------- GENERALS --------------------------------*/ body { padding: 0; } /*-------------------------------- GENERALS: WELCOME SECTION --------------------------------*/ #welcome { width: 100%; background-color: #4273a5; background-blend-mode: multiply; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; will-change: background-image; -webkit-transition: background-image .3s; -moz-transition: background-image .3s; -o-transition: background-image .3s; transition: background-image .3s; } /*-------------------------------- COMPONENTS: BIG INTRO HEADER --------------------------------*/ .header_big-intro { padding: 30px 0; color: #ffffff; } .header_big-intro:before, .header_big-intro:after { content: ""; display: table; } .header_big-intro:after { clear: both; } .header_big-intro .title, .header_big-intro .text-wrapper { width: 90%; margin: 0 auto; } .header_big-intro .title { font-family: "Merriweather", serif; font-size: 2.5em; font-style: italic; font-weight: bold; letter-spacing: -0.05em; line-height: 1; text-align: center; } .header_big-intro .text-wrapper .subtitle { font-size: 1.2em; text-align: center; margin-bottom: 20px; } .header_big-intro .text-wrapper .text { font-size: 1em; text-align: center; } @media (min-width: 768px) { .header_big-intro { padding: 60px; } .header_big-intro .title { font-size: 7.5em; } .header_big-intro .text-wrapper .subtitle { font-size: 2.5em; } .header_big-intro .text-wrapper .text { font-size: 1.1em; } } /* /END min-width: 768px */ @media (min-width: 1200px) { .header_big-intro { padding: 120px 60px 20px 60px; } .header_big-intro .title { font-size: 7em; } .header_big-intro .text-wrapper .subtitle { font-size: 3em; } } /* /END min-width: 1200px */ .separador_capcalera { padding-bottom: 80px; } /*-------------------------------- COMPONENTS: GRID --------------------------------*/ /* GRID - TRIANGLE *****************/ .grid.triangle .grid-wrapper .item { background-color: #4273a5; } .grid .grid-wrapper .item:nth-last-child(-n+1) { margin-bottom: 15px; } .grid.triangle .grid-wrapper .item:hover { background-color: #4273a5; } .grid.triangle .grid-wrapper .item:before { padding-top: 100%; } .grid.triangle .grid-wrapper .item a:before { background-color: #003366; opacity: 1; opacity: 0.9; } .grid.triangle .grid-wrapper .item a:before { -webkit-transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -ms-transform: rotate(-45deg) !important; -o-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .grid.triangle .grid-wrapper .item a:after { content: "\62"; font-size: 20px; opacity: 0; } .grid.triangle .grid-wrapper .item h4 { display: block; display: -webkit-box; position: absolute; width: 55%; height: 81px; top: 15px; left: 0; color: #ffffff; font-size: 1.05em; line-height: 1.2; padding: 15px 0 0 30px; margin: 0; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; opacity: 1; z-index: 1; } .grid.triangle .grid-wrapper .item h4:before { content: "\62"; position: absolute; top: 13px; left: 0; font-family: "fontsell"; font-size: 18px; opacity: 0; will-change: opacity; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .grid.triangle .grid-wrapper .item:hover h4 { left: 15px; } .grid.triangle .grid-wrapper .item:hover h4:before { opacity: 1; } .grid.triangle .grid-wrapper .item h3 { color: #ffffff; opacity: 1; } .grid.triangle .grid-wrapper .item.seu-electronica { background-color: #a2a500; } .grid.triangle .grid-wrapper .item.seu-electronica a:before { background-color: #a2a500; } .grid.triangle .grid-wrapper .item.infomallorca { background-color: #01b7f2; } .grid.triangle .grid-wrapper .item.infomallorca a:before { background-color: #01b7f2; } @media (min-width: 414px) { .grid.triangle .grid-wrapper .item h4 { height: 80px; } .grid.triangle .grid-wrapper .item h3 { right: 15px; bottom: 30px; } } /* /END min-width: 414px */ @media (min-width: 568px) and (max-width: 767px) { .grid .grid-wrapper .item h4 { display: none !important; } } /* END min-width: 568px and max-width: 767px */ @media (min-width: 768px) { .grid.triangle .grid-wrapper .item h4 { padding: 15px 0 0 15px; } .grid.triangle .grid-wrapper .item h3 { font-size: 2em; right: 0; bottom: 15px; } .grid .grid-wrapper .item:nth-last-child(-n+3) { margin-bottom: 15px; } } /* END min-width: 768px; */ @media (min-width: 1200px) { .grid.triangle .grid-wrapper .item a { background-color: #003366; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .grid.triangle .grid-wrapper .item:hover a { background-color: transparent; } .grid.triangle .grid-wrapper .item a:before { opacity: 1; border-bottom: 1px solid #ffffff; } .grid.triangle .grid-wrapper .item h4 { padding: 15px 0 0 30px; } .grid.triangle .grid-wrapper .item h3 { font-size: 2.5em; } .grid.triangle .grid-wrapper .item.seu-electronica a { background-color: #a2a500; } .grid.triangle .grid-wrapper .item.seu-electronica:hover a { background-color: transparent; } .grid.triangle .grid-wrapper .item.infomallorca a { background-color: #01b7f2; } .grid.triangle .grid-wrapper .item.infomallorca:hover a { background-color: transparent; } } /* END min-width: 1200px; */ /*================================================================= ██████╗ ██████╗ ███╗ ██╗██████╗ █████╗ ███████╗███████╗ ██╔══██╗██╔═══██╗████╗ ██║██╔══██╗██╔══██╗ ██╔════╝██╔════╝ ██████╔╝██║ ██║██╔██╗ ██║██║ ██║███████║ █████╗ ███████╗ ██╔══██╗██║ ██║██║╚██╗██║██║ ██║██╔══██║ ██╔══╝ ╚════██║ ██████╔╝╚██████╔╝██║ ╚████║██████╔╝██║ ██║██╗███████╗███████║ ╚═════╝ ╚═════╝ ╚═╝ ╚═══╝╚═════╝ ╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ http://bonda.es - FROM MALLORCA WITH LOVE //=================================================================*/ .white-bg {background-color:#ffffff;} .light-bg {background-color:#efefef;} .medium-bg {background-color:#e6e6e6;} .dark-bg {background-color:#2d2d2d;} .text-center {text-align:center !important;} .text-left {text-align:left !important;} .text-right {text-align:right !important;} .text-justify {text-align:justify !important;} .text-primary {color: #003366 !important;} .text-white {color: #ffffff !important;} .overflow-hidden { overflow:hidden !important;} .overflow-y-hidden { overflow-y:hidden !important;} .overflow-x-hidden { overflow-x:hidden !important;} @media (min-width: 320px) { /* --------------------------------- SHORTCODES (320px) --------------------------------- */ /* TEXT ALIGN ************/ .text-xs-center {text-align:center !important;} .text-xs-left {text-align:left !important;} .text-xs-rigth {text-align:right !important;} .text-xs-justify {text-align:justify !important;} /* PADDING 0 ***********/ .p-xs-0 {padding:0 !important;} .pt-xs-0 {padding-top:0 !important;} .pr-xs-0 {padding-right:0 !important;} .pb-xs-0 {padding-bottom:0 !important;} .pl-xs-0 {padding-left:0 !important;} /* PADDING REGULAR *****************/ .p-xs-regular {padding:15px !important;} .pt-xs-regular {padding-top:15px !important;} .pr-xs-regular {padding-right:15px !important;} .pb-xs-regular {padding-bottom:15px !important;} .pl-xs-regular {padding-left:15px !important;} /* PADDING LARGE *****************/ .p-xs-large {padding:30px !important;} .pt-xs-large {padding-top:30px !important;} .pr-xs-large {padding-right:30px !important;} .pb-xs-large {padding-bottom:30px !important;} .pl-xs-large {padding-left:30px !important;} /* PADDING XTRA LARGE ********************/ .p-xs-xlarge {padding:60px !important;} .pt-xs-xlarge {padding-top:60px !important;} .pr-xs-xlarge {padding-right:60px !important;} .pb-xs-xlarge {padding-bottom:60px !important;} .pl-xs-xlarge {padding-left:60px !important;} /* MARGIN 0 ***********/ .m-xs-0 {margin:0 !important;} .mt-xs-0 {margin-top:0 !important;} .mr-xs-0 {margin-right:0 !important;} .mb-xs-0 {margin-bottom:0 !important;} .ml-xs-0 {margin-left:0 !important;} /* MARGIN REGULAR *****************/ .m-xs-regular {margin:15px !important;} .mt-xs-regular {margin-top:15px !important;} .mr-xs-regular {margin-right:15px !important;} .mb-xs-regular {margin-bottom:15px !important;} .ml-xs-regular {margin-left:15px !important;} /* MARGIN LARGE *****************/ .m-xs-large {margin:30px !important;} .mt-xs-large {margin-top:30px !important;} .mr-xs-large {margin-right:30px !important;} .mb-xs-large {margin-bottom:30px !important;} .ml-xs-large {margin-left:30px !important;} /* MARGIN XTRA LARGE *******************/ .m-xs-xlarge {margin:60px !important;} .mt-xs-xlarge {margin-top:60px !important;} .mr-xs-xlarge {margin-right:60px !important;} .mb-xs-xlarge {margin-bottom:60px !important;} .ml-xs-xlarge {margin-left:60px !important;} /* BORDER NONE **************/ .b-xs-0 {border:0 !important;} .bt-xs-0 {border-top:0 !important;} .br-xs-0 {border-right:0 !important;} .bb-xs-0 {border-bottom:0 !important;} .bl-xs-0 {border-left:0 !important;} } @media (min-width: 768px) { /* --------------------------------- SHORTCODES (768px) --------------------------------- */ /* TEXT ALIGN ************/ .text-sm-center {text-align:center !important;} .text-sm-left {text-align:left !important;} .text-sm-rigth {text-align:right !important;} .text-sm-justify {text-align:justify !important;} /* PADDING 0 ***********/ .p-sm-0 {padding:0 !important;} .pt-sm-0 {padding-top:0 !important;} .pr-sm-0 {padding-right:0 !important;} .pb-sm-0 {padding-bottom:0 !important;} .pl-sm-0 {padding-left:0 !important;} /* PADDING REGULAR *****************/ .p-sm-regular {padding:15px !important;} .pt-sm-regular {padding-top:15px !important;} .pr-sm-regular {padding-right:15px !important;} .pb-sm-regular {padding-bottom:15px !important;} .pl-sm-regular {padding-left:15px !important;} /* PADDING LARGE *****************/ .p-sm-large {padding:30px !important;} .pt-sm-large {padding-top:30px !important;} .pr-sm-large {padding-right:30px !important;} .pb-sm-large {padding-bottom:30px !important;} .pl-sm-large {padding-left:30px !important;} /* PADDING XTRA LARGE ********************/ .p-sm-xlarge {padding:60px !important;} .pt-sm-xlarge {padding-top:60px !important;} .pr-sm-xlarge {padding-right:60px !important;} .pb-sm-xlarge {padding-bottom:60px !important;} .pl-sm-xlarge {padding-left:60px !important;} /* MARGIN 0 ***********/ .m-sm-0 {margin:0 !important;} .mt-sm-0 {margin-top:0 !important;} .mr-sm-0 {margin-right:0 !important;} .mb-sm-0 {margin-bottom:0 !important;} .ml-sm-0 {margin-left:0 !important;} /* MARGIN REGULAR *****************/ .m-sm-regular {margin:15px !important;} .mt-sm-regular {margin-top:15px !important;} .mr-sm-regular {margin-right:15px !important;} .mb-sm-regular {margin-bottom:15px !important;} .ml-sm-regular {margin-left:15px !important;} /* MARGIN LARGE *****************/ .m-sm-large {margin:30px !important;} .mt-sm-large {margin-top:30px !important;} .mr-sm-large {margin-right:30px !important;} .mb-sm-large {margin-bottom:30px !important;} .ml-sm-large {margin-left:30px !important;} /* MARGIN XTRA LARGE *******************/ .m-sm-xlarge {margin:60px !important;} .mt-sm-xlarge {margin-top:60px !important;} .mr-sm-xlarge {margin-right:60px !important;} .mb-sm-xlarge {margin-bottom:60px !important;} .ml-sm-xlarge {margin-left:60px !important;} /* BORDER NONE **************/ .b-sm-0 {border:0 !important;} .bt-sm-0 {border-top:0 !important;} .br-sm-0 {border-right:0 !important;} .bb-sm-0 {border-bottom:0 !important;} .bl-sm-0 {border-left:0 !important;} } @media (min-width: 992px) { /* --------------------------------- SHORTCODES (992px) --------------------------------- */ /* TEXT ALIGN ************/ .text-md-center {text-align:center !important;} .text-md-left {text-align:left !important;} .text-md-rigth {text-align:right !important;} .text-md-justify {text-align:justify !important;} /* PADDING 0 ***********/ .p-md-0 {padding:0 !important;} .pt-md-0 {padding-top:0 !important;} .pr-md-0 {padding-right:0 !important;} .pb-md-0 {padding-bottom:0 !important;} .pl-md-0 {padding-left:0 !important;} /* PADDING REGULAR *****************/ .p-md-regular {padding:15px !important;} .pt-md-regular {padding-top:15px !important;} .pr-md-regular {padding-right:15px !important;} .pb-md-regular {padding-bottom:15px !important;} .pl-md-regular {padding-left:15px !important;} /* PADDING LARGE *****************/ .p-md-large {padding:30px !important;} .pt-md-large {padding-top:30px !important;} .pr-md-large {padding-right:30px !important;} .pb-md-large {padding-bottom:30px !important;} .pl-md-large {padding-left:30px !important;} /* PADDING XTRA LARGE ********************/ .p-md-xlarge {padding:60px !important;} .pt-md-xlarge {padding-top:60px !important;} .pr-md-xlarge {padding-right:60px !important;} .pb-md-xlarge {padding-bottom:60px !important;} .pl-md-xlarge {padding-left:60px !important;} /* MARGIN 0 ***********/ .m-md-0 {margin:0 !important;} .mt-md-0 {margin-top:0 !important;} .mr-md-0 {margin-right:0 !important;} .mb-md-0 {margin-bottom:0 !important;} .ml-md-0 {margin-left:0 !important;} /* MARGIN REGULAR *****************/ .m-md-regular {margin:15px !important;} .mt-md-regular {margin-top:15px !important;} .mr-md-regular {margin-right:15px !important;} .mb-md-regular {margin-bottom:15px !important;} .ml-md-regular {margin-left:15px !important;} /* MARGIN LARGE *****************/ .m-md-large {margin:30px !important;} .mt-md-large {margin-top:30px !important;} .mr-md-large {margin-right:30px !important;} .mb-md-large {margin-bottom:30px !important;} .ml-md-large {margin-left:30px !important;} /* MARGIN XTRA LARGE *******************/ .m-md-xlarge {margin:60px !important;} .mt-md-xlarge {margin-top:60px !important;} .mr-md-xlarge {margin-right:60px !important;} .mb-md-xlarge {margin-bottom:60px !important;} .ml-md-xlarge {margin-left:60px !important;} /* BORDER NONE **************/ .b-md-0 {border:0 !important;} .bt-md-0 {border-top:0 !important;} .br-md-0 {border-right:0 !important;} .bb-md-0 {border-bottom:0 !important;} .bl-md-0 {border-left:0 !important;} } @media (min-width: 1200px) { /* --------------------------------- SHORTCODES (1200px) --------------------------------- */ /* TEXT ALIGN ************/ .text-lg-center {text-align:center !important;} .text-lg-left {text-align:left !important;} .text-lg-rigth {text-align:right !important;} .text-lg-justify {text-align:justify !important;} /* PADDING 0 ***********/ .p-lg-0 {padding:0 !important;} .pt-lg-0 {padding-top:0 !important;} .pr-lg-0 {padding-right:0 !important;} .pb-lg-0 {padding-bottom:0 !important;} .pl-lg-0 {padding-left:0 !important;} /* PADDING REGULAR *****************/ .p-lg-regular {padding:15px !important;} .pt-lg-regular {padding-top:15px !important;} .pr-lg-regular {padding-right:15px !important;} .pb-lg-regular {padding-bottom:15px !important;} .pl-lg-regular {padding-left:15px !important;} /* PADDING LARGE *****************/ .p-lg-large {padding:30px !important;} .pt-lg-large {padding-top:30px !important;} .pr-lg-large {padding-right:30px !important;} .pb-lg-large {padding-bottom:30px !important;} .pl-lg-large {padding-left:30px !important;} /* PADDING XTRA LARGE ********************/ .p-lg-xlarge {padding:60px !important;} .pt-lg-xlarge {padding-top:60px !important;} .pr-lg-xlarge {padding-right:60px !important;} .pb-lg-xlarge {padding-bottom:60px !important;} .pl-lg-xlarge {padding-left:60px !important;} /* MARGIN 0 ***********/ .m-lg-0 {margin:0 !important;} .mt-lg-0 {margin-top:0 !important;} .mr-lg-0 {margin-right:0 !important;} .mb-lg-0 {margin-bottom:0 !important;} .ml-lg-0 {margin-left:0 !important;} /* MARGIN REGULAR *****************/ .m-lg-regular {margin:15px !important;} .mt-lg-regular {margin-top:15px !important;} .mr-lg-regular {margin-right:15px !important;} .mb-lg-regular {margin-bottom:15px !important;} .ml-lg-regular {margin-left:15px !important;} /* MARGIN LARGE *****************/ .m-lg-large {margin:30px !important;} .mt-lg-large {margin-top:30px !important;} .mr-lg-large {margin-right:30px !important;} .mb-lg-large {margin-bottom:30px !important;} .ml-lg-large {margin-left:30px !important;} /* MARGIN XTRA LARGE *******************/ .m-lg-xlarge {margin:60px !important;} .mt-lg-xlarge {margin-top:60px !important;} .mr-lg-xlarge {margin-right:60px !important;} .mb-lg-xlarge {margin-bottom:60px !important;} .ml-lg-xlarge {margin-left:60px !important;} /* BORDER NONE **************/ .b-lg-0 {border:0 !important;} .bt-lg-0 {border-top:0 !important;} .br-lg-0 {border-right:0 !important;} .bb-lg-0 {border-bottom:0 !important;} .bl-lg-0 {border-left:0 !important;} } /* --------------------------------- GENERALS: COMMON TOP BAR -- ajuste logo cabecera linea 335 --------------------------------- */ @media (min-width: 414px) { #common_top-bar .c_tb-logo { width: 195px; height: 32px; top: 7px; left: auto; background-image: url(/o/mweb-prehome-theme/css/images/required/logo-conselldemallorca.svg);} } /* --------------------------------- GENERALS: COMMON FOOTER -- ajuste logo footer linea 522 --------------------------------- */ @media (min-width: 1200px) { #common_footer .c_f-logo { width: 195px; height: 32px; top: 4px; background-image: url(/o/mweb-prehome-theme/css/images/required/logo-conselldemallorca.svg);} } /* --------------------------------- AJUSTAR INSIGNIA --------------------------------- */ .c_tb-lang { top:10px } /* --------------------------------- <<<<<<< HEAD AJUSTAR INSIGNIA --------------------------------- */ .c_tb-lang { top: 10px; } /* DEVICES CHECK (JS) ********************/ @media (min-device-width: 320px) { .consell-tablet-check, .consell-tablet-l-check, .consell-desktop-check {display: none !important;} .consell-mobile-check { display: block !important; /* padding-bottom: 20px; */ } } /* END min-device-width: 320px; */ @media (min-device-width: 768px) { .consell-mobile-check, .consell-tablet-l-check, .consell-desktop-check {display: none !important;} .consell-tablet-check { display: block !important; /* padding-bottom: 20px; */ } } /* END min-device-width: 768px; */ @media (min-device-width: 992px) { .consell-mobile-check, .consell-tablet-check, .consell-desktop-check {display: none !important;} .consell-tablet-l-check { display: block !important; /* padding-bottom: 40px; */ } } /* END min-device-width: 992px; */ @media (min-device-width: 1200px) { .consell-mobile-check, .consell-tablet-check, .consell-tablet-l-check {display: none !important;} .consell-desktop-check { display: block !important; /* padding-bottom: 40px; */ } } /* END min-device-width: 1200px; */ /* --------------------------------- HEADER BIG-INTRO --------------------------------- */ img.consell-desktop-check.insignia { width: initial; float: inline-start; } img.consell-tablet-check.insignia { width: initial; float: inline-start; margin: auto; margin-top: 27px; } img.consell-tablet-l-check.insignia { width: initial; float: inline-start; padding-left: 56px; margin: auto; margin-top: 27px; } img.consell-mobile-check.insignia { width: initial; margin: auto; margin-bottom:20px; } .header_big-intro div.text-wrapper.insignia { display: block; float:right; } @media (max-device-width: 640px) { .header_big-intro div.text-wrapper.insignia{ float:none } } /* END min-device-width: 640px; */ @media (min-device-width: 992px) { .header_big-intro h2.title.insignia{ margin-left:initial; } } /* END min-device-width: 992px; */ @media (min-device-width: 1200px) { .header_big-intro div.text-wrapper { margin-right:60px; } } /* END min-device-width: 992px; */ /*-------------------------------- Carrousel bxslider -> Nou --------------------------------*/ .bx-wrapper { border: 0 none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; } .bx-wrapper .banner { margin-bottom: 0px; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: #000; opacity: 0.2; } .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff; opacity: 1; } @charset "UTF-8"; .portlet-no-decorate { background-color: inherit; } @charset "UTF-8"; .portlet-no-decorate { background-color: inherit; } @charset "UTF-8"; .portlet-no-decorate { background-color: inherit; } @use "sass:math" as *; /** * Clay 3.93.0 * * SPDX-FileCopyrightText: © 2020 Liferay, Inc. * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay * * SPDX-License-Identifier: BSD-3-Clause */ /** * Bootstrap v4.4.1 * * SPDX-FileCopyrightText: © 2019 Twitter, Inc. * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors * * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap */ @use "sass:math" as *; /** * Clay 3.93.0 * * SPDX-FileCopyrightText: © 2020 Liferay, Inc. * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay * * SPDX-License-Identifier: BSD-3-Clause */ /** * Bootstrap v4.4.1 * * SPDX-FileCopyrightText: © 2019 Twitter, Inc. * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors * * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap */ .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; overflow: visible; position: static; white-space: normal; width: auto; } .lfr-asset-column-details .lfr-asset-categories { color: #7d7d7d; } .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category { color: #555; } .lfr-asset-column-details .lfr-asset-description { color: #444; font-style: italic; margin: 0.5em auto 2em; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } .lfr-asset-column-details .lfr-asset-icon { border-right: 1px solid transparent; color: #999; float: left; line-height: 1em; margin-right: 10px; padding-right: 10px; } .lfr-asset-column-details .lfr-asset-icon.last { border-width: 0; } .lfr-asset-column-details .lfr-asset-tags { color: #7d7d7d; } .lfr-asset-column-details .lfr-asset-tags .tag { color: #555; } .lfr-asset-column-details .lfr-asset-metadata { clear: both; margin-bottom: 1.5em; padding-bottom: 1.5em; } .lfr-asset-column-details .lfr-panel { clear: both; margin-bottom: 0.2em; } .lfr-asset-column-details .lfr-panel.lfr-extended { border: 1px solid #ccc; margin-bottom: 0; } .lfr-asset-column-details .taglib-custom-attributes-list label, .lfr-asset-column-details .lfr-asset-field label { display: block; } .lfr-asset-column-details .taglib-custom-attributes-list { margin-bottom: 1em; } .overlay { position: absolute; } .overlay-hidden, .overlaymask-hidden { display: none; } .lfr-form-row { border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-top: 10px; padding: 1px 5px 25px; position: relative; } .lfr-form-row:after { clear: both; content: ''; display: block; height: 0; } .lfr-form-row:hover { border: solid #ccc; border-width: 1px 0; padding-top: 0; } .lfr-form-row.lfr-form-row-inline .form-group { margin-right: 5px; } .lfr-form-row legend .field-label { float: left; margin-right: 10px; } .lfr-form-row .handle-sort-vertical { background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%; cursor: move; padding-left: 20px; } .lfr-form-row fieldset { border-width: 0; margin: 0; padding: 0; } .lfr-autorow-controls { bottom: 5px; position: absolute; right: 5px; } .datepicker-popover-content .popover-content { padding: 0.75rem 1rem; } .dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu { display: block; } .form-control-inline { background-color: transparent; font-size: 1.125rem; font-weight: 700; } .form-control-inline:not(:hover) { border-color: transparent; } .form-control-inline::placeholder { color: #a9afb5; font-style: italic; } .form-search .input-group { position: relative; } .form-search .input-group.advanced-search .search-query { padding-left: 40px; z-index: 0; } .form-search .input-group.advanced-search .toggle-advanced { cursor: pointer; left: 0; line-height: 1; padding: 8px 10px; position: absolute; top: 0; } .form-search .input-group.advanced-search .toggle-advanced .caret { margin-top: 7px; } .form-search .input-group.advanced-search .toggle-advanced .icon-search { font-size: 14px; } @media (max-width: 991.98px) { .form-search .input-group { width: 100%; } .form-search .input-group .btn { clip: rect(0, 0, 0, 0); left: -9999px; position: absolute; } .form-search .input-group input.search-query { width: 100%; } } .lfr-table { border-collapse: collapse; clear: both; } .lfr-table > tbody > tr > td, .lfr-table > tbody > tr > th, .lfr-table > thead > tr > td, .lfr-table > thead > tr > th, .lfr-table > tfoot > tr > td, .lfr-table > tfoot > tr > th { padding: 0 5px; overflow-wrap: break-all; word-wrap: break-all; } .lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child, .lfr-table > tbody > tr > th:first-child, .lfr-table > tbody > tr > th.first-child, .lfr-table > thead > tr > td:first-child, .lfr-table > thead > tr > td.first-child, .lfr-table > thead > tr > th:first-child, .lfr-table > thead > tr > th.first-child, .lfr-table > tfoot > tr > td:first-child, .lfr-table > tfoot > tr > td.first-child, .lfr-table > tfoot > tr > th:first-child, .lfr-table > tfoot > tr > th.first-child { padding-left: 0; } .lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child, .lfr-table > tbody > tr > th:last-child, .lfr-table > tbody > tr > th.last-child, .lfr-table > thead > tr > td:last-child, .lfr-table > thead > tr > td.last-child, .lfr-table > thead > tr > th:last-child, .lfr-table > thead > tr > th.last-child, .lfr-table > tfoot > tr > td:last-child, .lfr-table > tfoot > tr > td.last-child, .lfr-table > tfoot > tr > th:last-child, .lfr-table > tfoot > tr > th.last-child { padding-right: 0; } .lfr-table > tbody > tr > th, .lfr-table > thead > tr > th, .lfr-table > tfoot > tr > th { font-weight: bold; } .lfr-pagination:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .lfr-pagination .dropdown-menu { display: none; } .lfr-pagination .dropdown-toggle .icon-caret-down { margin-left: 5px; } .lfr-pagination .lfr-pagination-controls { float: left; } .lfr-pagination .lfr-pagination-controls .search-results { display: inline-block; margin-left: 10px; margin-top: 5px; top: 10px; } .lfr-pagination .lfr-pagination-controls li .lfr-pagination-link { border-width: 0; clear: both; color: #333; display: block; font-weight: normal; line-height: 20px; padding: 3px 20px; text-align: left; white-space: nowrap; width: 100%; } .lfr-pagination .lfr-pagination-delta-selector { float: left; } @media (max-width: 991.98px) { .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text { display: none; } } .lfr-pagination .pagination-content { float: right; } .lfr-panel.lfr-extended { border: 1px solid transparent; border-color: #dedede #bfbfbf #bfbfbf #dedede; } .lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button { display: block; } .lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar { border-bottom-width: 0; } .lfr-panel.panel-default .panel-heading { border-bottom-width: 0; } .lfr-panel .toggler-header { cursor: pointer; } .sidebar-sm { font-size: 0.875rem; } .sidebar-sm .sheet-subtitle { font-size: 0.75rem; margin-bottom: 1rem; } .sidebar-sm .form-group { margin-bottom: 1rem; } .sidebar-sm .form-control { border-radius: 0.1875rem; font-size: 0.875rem; height: 2rem; line-height: 1.5; min-height: auto; padding: 0.25rem 0.75rem; } .sidebar-sm .form-control.form-control-tag-group { height: auto; } .sidebar-sm .form-control.form-control-tag-group .form-control-inset { margin-bottom: 0; margin-top: 0; } .sidebar-sm .form-control.form-control-tag-group .label { margin-bottom: 0; margin-top: 0; padding: 0 0.25rem; } .sidebar-sm .form-control[type='file'] { padding: 0; } .sidebar-sm select.form-control { padding-right: 1.6rem; } .sidebar-sm select.form-control:not([size]) { height: 2rem; } .sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control { min-height: auto; padding: 0.285rem 0.75rem; } .sidebar-sm .btn:not(.btn-unstyled) { border-radius: 0.1875rem; font-size: 0.875rem; line-height: 1.15; padding: 0.4375rem 0.75rem; } .sidebar-sm .btn:not(.btn-unstyled).close { padding: 0.4375rem; } .sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm { height: 2rem; padding: 0.1875rem 0; width: 2rem; } .sidebar-sm .btn.btn-monospaced.input-localized-trigger, .sidebar-sm .btn.btn-monospaced.btn-sm.input-localized-trigger { padding: 0; } .sidebar-sm .input-group-item .input-group-text { font-size: 0.875rem; height: 2rem; min-width: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; } .sidebar-sm .input-group-item .btn .btn-section { font-size: 0.5625rem; } .sidebar-sm .list-group-item-flex { padding: 0.5rem 0.25rem; } .sidebar-sm .list-group-item-flex .autofit-col { padding-left: 0.25rem; padding-right: 0.25rem; } .lfr-translation-manager { border-radius: 4px; display: inline-block; margin-top: 0.5em; min-height: 1.8em; } .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale { display: inline-block; width: auto; } .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu { float: none; padding: 0.4em 0; } .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li, .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong { display: inline; } .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message { margin: 10px 0; } .lfr-translation-manager .lfr-translation-manager-available-translations { white-space: normal; } .lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links { line-height: 1; } .lfr-translation-manager .lfr-translation-manager-translation { border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; margin: 0.2em; padding: 0.4em 0.3em 0.4em 0.5em; text-decoration: none; } .lfr-translation-manager .lfr-translation-manager-translation * { vertical-align: middle; } .lfr-translation-manager .lfr-translation-manager-translation img { margin-right: 0.3em; } .lfr-translation-manager .lfr-translation-manager-translation:hover { background-color: #d1e5ef; } .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing { background-color: #598bec; border-color: #224fa8; color: #fff; } .lfr-translation-manager .lfr-translation-manager-change-default-locale { margin: 0 0.4em; } .lfr-translation-manager .lfr-translation-manager-delete-translation { display: inline-block; padding: 0 2px; } .lfr-translation-manager .lfr-translation-manager-delete-translation svg { pointer-events: none; } .lfr-tree a { text-decoration: none; } .lfr-tree li { margin-bottom: 2px; padding-left: 0; } .lfr-tree li ul li, .lfr-tree li.tree-item { padding-left: 0; } .lfr-tree li.tree-item { padding-left: 5px; } .lfr-tree li.tree-item li { padding-left: 20px; } .lfr-tree li.tree-item ul { margin-left: 0; margin-top: 5px; } .lfr-upload-container { margin-bottom: 1rem; } .lfr-upload-container .upload-target { border: 3px dashed #e5e7e9; margin-bottom: 1rem; min-height: 2rem; padding: 2rem 0; position: relative; text-align: center; } .upload-drop-intent .lfr-upload-container .upload-target { z-index: 100; } .upload-drop-active .lfr-upload-container .upload-target { background-color: #92e5a5; border-color: #69db83; } .lfr-upload-container .upload-target .drop-file-text { font-weight: normal; } .mobile .lfr-upload-container .upload-target .drop-file-text { display: none; } .lfr-upload-container .upload-target .small { display: block; margin: 5px 0; text-transform: lowercase; } .lfr-upload-container .manage-upload-target { padding-top: 5px; position: relative; } .lfr-upload-container .manage-upload-target .select-files { float: left; line-height: 0; margin: 0 1.125rem 1.125rem; padding: 0 0 0 5px; } .lfr-upload-container .cancel-uploads, .lfr-upload-container .clear-uploads { background-repeat: no-repeat; float: right; } .lfr-upload-container .cancel-uploads { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC); margin-right: 0; } .lfr-upload-container .clear-uploads { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==); padding-left: 16px; } .lfr-upload-container .upload-file.upload-complete.file-saved { padding-left: 25px; } .lfr-upload-container .upload-file .file-title { display: inline-block; max-width: 95%; overflow: hidden; padding-right: 16px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .lfr-upload-container .upload-file .icon-file { font-size: 40px; } .lfr-upload-container .upload-list-info { margin: 1em 0 0.5em; } .lfr-upload-container .upload-list-info h4 { font-size: 1.3em; } .lfr-upload-container .cancel-button { color: #6c757d; margin-top: 1px; position: absolute; right: 5px; top: 50%; white-space: nowrap; } .lfr-upload-container .cancel-button .cancel-button-text { display: none; margin-left: 5px; } .lfr-upload-container .cancel-button:hover .cancel-button-text { display: inline; } .lfr-upload-container .cancel-button .lexicon-icon { height: 12px; } .lfr-upload-container .delete-button { color: #6c757d; } .lfr-upload-container .delete-button-col { padding-right: 10px; } .lfr-upload-container .file-added .success-message { float: right; font-weight: normal; } .lfr-upload-container .upload-error { opacity: 1; padding-left: 25px; } .lfr-upload-container .upload-complete .cancel-button, .lfr-upload-container .delete-button, .lfr-upload-container .upload-complete.file-saved .delete-button, .lfr-upload-container .upload-complete.upload-error .delete-button { display: none; } .lfr-upload-container .multiple-files .upload-error { background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px; border-color: #bd2130; color: #bd2130; font-weight: normal; margin-bottom: 16px; padding: 8px 8px 8px 24px; } .lfr-upload-container .multiple-files .upload-error .error-message { display: block; } .lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body, .lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body { padding-left: 1rem; } .lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label, .lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label { display: none; } .lfr-upload-container .single-file .upload-error { list-style: none; margin-top: 1em; } .lfr-upload-container .single-file .upload-error .upload-error-message { margin-bottom: 0.5em; } .lfr-upload-container .upload-complete { padding-left: 5px; } .lfr-upload-container .upload-complete .error-message, .lfr-upload-container .upload-complete .success-message { font-weight: bold; margin-left: 1em; } .lfr-upload-container .upload-complete .delete-button { display: inline-block; } .lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label { display: none; } .lfr-upload-container .progress { display: none; margin-top: 0.5rem; } .lfr-upload-container .file-uploading .progress { display: flex; } .lfr-alert-container { left: 0; position: absolute; right: auto; top: auto; width: 100%; z-index: 430; } .lfr-alert-container.inline-alert-container { position: relative; } .lfr-alert-container.inline-alert-container .lfr-alert-wrapper { padding: 0; } .lfr-alert-container .lfr-alert-wrapper { margin-bottom: 5px; overflow: hidden; } .lfr-search-container td .overlay.entry-action { position: static; } .lfr-search-container td .overlay.entry-action .btn a { display: block; padding: 4px 12px; } .contextual-sidebar { height: calc(100vh - 49px); pointer-events: none; position: fixed; right: 0; top: 49px; transform: translateX(100%); transition: transform ease 0.5s; width: 320px; will-change: transform; } .contextual-sidebar.contextual-sidebar-visible { pointer-events: auto; transform: translateX(0); } body.has-control-menu .contextual-sidebar { height: calc(100vh - 98px); top: 98px; } @media (min-width: 576px) { .contextual-sidebar { height: calc(100vh - 64px); top: 64px; } body.has-control-menu .contextual-sidebar { height: calc( 100vh - 120px); top: 120px; } .contextual-sidebar-content { transition: padding ease 0.5s; will-change: padding; } .contextual-sidebar-visible .contextual-sidebar-content, .contextual-sidebar-visible + .contextual-sidebar-content { padding-right: 320px; } } .taglib-diff-html div.diff-removed-image { background: #fdc6c6 url(../images/diff/minus.png); } .taglib-diff-html div.diff-added-image { background: #cfc url(../images/diff/plus.png) no-repeat; } .taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image { height: 300px; margin: 2px; opacity: 0.55; position: absolute; width: 200px; } .taglib-diff-html span.diff-html-added { background-color: #cfc; font-size: 1em; } .taglib-diff-html span.diff-html-added img { border: 2px solid #cfc; } .taglib-diff-html span.diff-html-changed { background: url(../images/diff/underline.png) bottom repeat-x; } .taglib-diff-html span.diff-html-changed img { border: 2px dotted #009; } .taglib-diff-html span.diff-html-removed { background-color: #fdc6c6; font-size: 1em; text-decoration: line-through; } .taglib-diff-html span.diff-html-removed img { border: 2px solid #fdc6c6; } .taglib-discussion { font-size: 0.875rem; margin-top: 1rem; } .taglib-discussion .actions-menu .component-action { display: inline-flex; } .taglib-discussion .button-holder { margin: 1rem 0; } .taglib-discussion .comment-container { margin-bottom: 1.5rem; } .taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder { border-left-color: #dbdde1; } .taglib-discussion .lfr-discussion-body { font-size: 1rem; } @media (min-width: 576px) { .taglib-discussion .lfr-discussion-body { padding-left: 3.5rem; } } @media (min-width: 576px) { .taglib-discussion .lfr-discussion-details .taglib-user-display { word-wrap: break-word; } } .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name { font-weight: bold; text-decoration: none; } .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover { text-decoration: underline; } .taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar { background-size: 50px; } .taglib-discussion .lfr-discussion-container { border-bottom: 1px solid #e7e7ed; margin-bottom: 1.5rem; } .taglib-discussion .lfr-discussion-container:first-of-type { border-top: 1px solid #e7e7ed; padding-top: 1.5rem; } .taglib-discussion .lfr-discussion-container:last-of-type { border-bottom: 0; } .taglib-discussion .lfr-discussion-container .lfr-discussion { padding-left: 1rem; } .taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion { padding-left: 0; } @media (min-width: 576px) { .taglib-discussion .lfr-discussion-container .lfr-discussion { padding-left: 3.5rem; } } .taglib-discussion .lfr-discussion-parent-link { color: #67678c; font-weight: 600; margin-left: 1em; } @media (max-width: 767.98px) { .taglib-discussion .lfr-discussion-parent-link { display: block; margin-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless { margin-left: -0.75rem; } .taglib-discussion .lfr-discussion-more-comments { border-top: 1px solid #e7e7ed; margin-top: 1.5rem; padding-top: 1.5rem; text-align: center; } .taglib-discussion .username { color: #272833; font-weight: 600; } .taglib-discussion .taglib-workflow-status { margin-left: 0.5rem; } .taglib-discussion .workflow-value { text-transform: uppercase; } @media (min-width: 576px) { .taglib-discussion .actions-menu { display: none; } .taglib-discussion .comment-container:hover .actions-menu, .taglib-discussion .actions-menu:focus, .taglib-discussion .actions-menu.open { display: inline-block; } } .drop-zone { min-height: 80px; padding: 20px; text-align: center; } .drop-zone.drop-enabled { outline: 2px dashed transparent; } .drop-zone.drop-enabled:not(.no-border) { outline-color: rgba(176, 180, 187, 0.5); } .drop-zone p { margin: 10px auto 0; max-width: 75%; } .drop-here-info { font-size: 25px; height: 100%; left: 0; min-height: 100px; opacity: 0; position: absolute; text-align: center; top: 0; visibility: hidden; width: 100%; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .drop-here-info { transition: none; } } .drop-here-info { transition: none; } .drop-here-info .drop-here-indicator { height: 115px; left: 0; margin: auto; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } .drop-here-info .drop-icons { display: inline-block; position: relative; width: 160px; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .drop-here-info .drop-icons { transition: none; } } .drop-here-info .drop-icons { transition: none; } .drop-here-info .drop-icons span { border-radius: 3px; position: absolute; text-align: center; transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .drop-here-info .drop-icons span { transition: none; } } .drop-here-info .drop-icons span { transition: none; } .drop-here-info .drop-icons span:nth-of-type(1) { box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08); height: 60px; left: 0; line-height: 60px; opacity: 0; top: 10px; transform: rotate(25deg); width: 60px; } .drop-here-info .drop-icons span:nth-of-type(2) { background: #00c2ff; color: #fff; height: 80px; left: 40px; line-height: 80px; width: 80px; z-index: 2; } .drop-here-info .drop-icons span:nth-of-type(3) { box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08); display: block; font-size: 45px; height: 70px; left: 90px; line-height: 70px; opacity: 0; position: relative; top: 8px; transform: rotate(-25deg); width: 70px; z-index: 1; } .drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) { background: #e8e6e8; color: #a5a6ac; } .drop-here-info .drop-text { color: #fff; display: block; font-size: 20px; margin-left: 0; margin-top: 20px; } .drop-active .drop-here-info { background-color: rgba(0, 0, 0, 0.6); opacity: 1; visibility: visible; z-index: 100; } .drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) { opacity: 1; } .drop-active .drop-here-info span:nth-of-type(1) { transform: rotate(-20deg); } .drop-active .drop-here-info span:nth-of-type(2) { transform: scale(1); } .drop-active .drop-here-info span:nth-of-type(3) { transform: rotate(15deg); } .taglib-empty-result-message.sheet { margin-bottom: 24px; } .taglib-empty-result-message .taglib-empty-result-message-description { color: #6c757d; margin-top: 8px; } .taglib-empty-result-message .taglib-empty-result-message-header, .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn, .taglib-empty-result-message .taglib-empty-search-result-message-header { background-position: center; background-repeat: no-repeat; background-size: 100%; margin-left: auto; margin-right: auto; } .taglib-empty-result-message .taglib-empty-result-message-header, .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn { max-width: 200px; padding-top: 250px; } .taglib-empty-result-message .taglib-empty-result-message-header, .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn { background-image: url(/o/mweb-prehome-theme/images/states/empty_state.gif); } @media (prefers-reduced-motion: reduce) { .taglib-empty-result-message .taglib-empty-result-message-header, .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn { background-image: url(/o/mweb-prehome-theme/images/states/empty_state_reduced_motion.gif); } } .taglib-empty-result-message .taglib-empty-search-result-message-header { background-image: url(/o/mweb-prehome-theme/images/states/search_state.gif); max-width: 210px; padding-top: 232px; } @media (prefers-reduced-motion: reduce) { .taglib-empty-result-message .taglib-empty-search-result-message-header { background-image: url(/o/mweb-prehome-theme/images/states/search_state_reduced_motion.gif); } } .taglib-empty-result-message .taglib-empty-state { background-image: url(/o/mweb-prehome-theme/images/states/empty_state.gif); margin: auto; max-width: 250px; padding-top: 250px; } @media (prefers-reduced-motion: reduce) { .taglib-empty-result-message .taglib-empty-state { background-image: url(/o/mweb-prehome-theme/images/states/empty_state_reduced_motion.gif); } } .taglib-empty-result-message .taglib-success-state { background-image: url(/o/mweb-prehome-theme/images/states/success_state.gif); margin: auto; max-width: 250px; padding-top: 250px; } @media (prefers-reduced-motion: reduce) { .taglib-empty-result-message .taglib-success-state { background-image: url(/o/mweb-prehome-theme/images/states/success_state_reduced_motion.gif); } } .taglib-empty-result-message .taglib-search-state { background-image: url(/o/mweb-prehome-theme/images/states/search_state.gif); margin: auto; max-width: 250px; padding-top: 250px; } @media (prefers-reduced-motion: reduce) { .taglib-empty-result-message .taglib-search-state { background-image: url(/o/mweb-prehome-theme/images/states/search_state_reduced_motion.gif); } } .taglib-empty-result-message .taglib-empty-result-message-title { font-size: 1rem; margin-top: 48px; } .taglib-empty-result-message .taglib-empty-result-message-description { font-size: 0.875rem; } .taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title, .taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title, .taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title, .taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title, .taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title { font-size: 1.25rem; font-weight: bold; text-align: center; } .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions, .taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions, .taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions, .taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions, .taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions { font-size: 1rem; text-align: center; } .field-wrapper.form-inline .control-label { display: inline-block; } .field-wrapper-html .input-localized .input-group-item { flex-wrap: nowrap; } .taglib-header { border-bottom: 1px solid #c8c9ca; color: #555; margin-bottom: 1em; padding-bottom: 10px; } .taglib-header .header-title { display: inline-block; margin: 0.1em; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; word-wrap: normal; } .taglib-header .header-back-to { display: inline-block; vertical-align: middle; } .taglib-header .header-back-to a { display: block; font-weight: bold; padding: 0 0.3em 0 0; text-decoration: none; } .taglib-icon { text-decoration: none; } .taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text { text-decoration: underline; } .taglib-icon[lang] > img { vertical-align: baseline; width: 16px; } .icon-monospaced { color: inherit; display: inline-block; height: 2rem; line-height: 34px; text-align: center; width: 2rem; } .icon-monospaced.lexicon-icon { padding: 8px; } .taglib-icon-list li { float: left; margin-right: 1em; } .taglib-icon-list:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .lfr-icon-menu .lfr-icon-menu-icon { max-width: none; } @media (max-width: 767.98px) { .table-cell.last .lfr-icon-menu .dropdown-toggle { text-align: center; } .table-cell.last .lfr-icon-menu .dropdown-toggle > img, .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text { display: none; } } .lfr-menu-list { float: none; overflow-y: auto; position: relative; } .lfr-menu-list.direction-right { margin: 0 2px; } .lfr-menu-list.dropdown-menu { float: none; position: relative; } @media (max-width: 991.98px) { .lfr-menu-list.dropdown-menu > li > a { font-size: 22px; line-height: 40px; white-space: normal; } .lfr-menu-list.dropdown-menu > li > a img { margin-bottom: 3px; } } .lfr-menu-list.dropdown-menu .search-panel { margin-bottom: 0; } .lfr-menu-list.dropdown-menu .search-panel .form-group { margin: 0 16px; } .lfr-menu-list.dropdown-menu .search-panel .menu-item-filter { width: auto; } body > .lfr-menu-list ul { border-radius: 4px; } .lfr-icon-menu-open:after { clear: both; content: ''; display: table; } .lfr-icon-menu-open .dropdown-menu { position: static; } .input-localized.input-localized-editor .form-control { border-width: 0; height: 100%; padding: 0; } .input-localized .input-group-item { flex-direction: column; } .input-localized .input-localized-content { margin-left: 6px; } .input-group .input-localized .input-localized-content { margin-top: 3px; } .input-localized .lfr-input-localized .lfr-input-localized-state { background-color: #ddd; } .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error { background-color: #ff0047; } .input-localized .lfr-input-localized-default a { margin-right: 14px; } .input-localized .lfr-input-localized-state { height: 4px; margin: 3px 5px; width: 4px; } .input-localized .palette-item-inner .lfr-input-localized-flag { font-size: 16px; opacity: 0.5; } .input-localized .palette-item, .input-localized .palette-item-hover, .input-localized .palette-item-hover .palette-item-inner { border-color: transparent; } .input-localized .palette-item-inner { border-color: #666; display: block; height: 16px; width: 16px; } .input-localized .palette-item-selected .lfr-input-localized-state { background: #27c1f2; } .input-localized-palette-container .palette-items-container { font-size: 0; margin: 0; white-space: normal; } .input-localized-palette-container .palette-item { border-width: 0; padding: 0.5rem 1.25rem; } .input-localized-palette-container .palette-item-inner { border: 1px solid; margin-right: 4px; width: 16px; } .input-localized-palette-container .palette-item-inner img { display: block; } .taglib-move-boxes { margin-bottom: 1em; } .taglib-move-boxes label { border-bottom: 1px solid transparent; display: block; margin-bottom: 5px; padding: 5px; } .taglib-move-boxes .toolbar { text-align: center; } .taglib-move-boxes .arrow-button img { border-width: 0; height: 16px; width: 16px; } .taglib-move-boxes .choice-selector { width: 100%; } .taglib-move-boxes .choice-selector label { background: #ebf1f9; border-bottom-color: #8db2f3; } .taglib-move-boxes .field-content { margin-bottom: 0; } .taglib-move-boxes .move-arrow-buttons { margin-top: 5em; } .taglib-move-boxes .move-arrow-buttons .arrow-button { display: block; } .taglib-move-boxes .sortable-container { margin-top: 10px; } .taglib-move-boxes .sortable-container .btn.edit-selection { margin-bottom: 10px; } .taglib-move-boxes .sortable-container .move-option { background-color: transparent; border-top: 1px solid #ddd; display: none; margin: 2px 0; padding: 2px; position: relative; } .taglib-move-boxes .sortable-container .move-option.selected { display: block; } .taglib-move-boxes .sortable-container .move-option.move-option-dragging { background-color: #fafafa; } .taglib-move-boxes .sortable-container .move-option .checkbox, .taglib-move-boxes .sortable-container .move-option .handle { position: absolute; } .taglib-move-boxes .sortable-container .move-option .checkbox { display: none; margin: 7px 0 0 5px; } .taglib-move-boxes .sortable-container .move-option .handle { color: #999; cursor: pointer; font-size: 1.5em; padding: 6px; } .taglib-move-boxes .sortable-container .move-option .title { font-size: 1.2em; margin: 1px 0 1px 30px; } .taglib-move-boxes .sortable-container.edit-list-active .move-option { display: block; } .taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox { display: inline-block; } .taglib-move-boxes .sortable-container.edit-list-active .move-option .handle { display: none; } .mobile .taglib-move-boxes .selector-container { display: none; } .item-selector .card-row > .autofit-col-expand { padding-top: 4px; } .item-selector .drop-zone { background-color: #f1f2f5; margin-top: 1rem; } .item-selector .input-file { height: 0.1px; opacity: 0; overflow: hidden; position: absolute; width: 0.1px; z-index: -1; } .item-selector .input-file + label { position: relative; } .item-selector .input-file + label::before { border-radius: 4px; bottom: -2px; content: ''; display: block; left: -2px; position: absolute; right: -2px; top: -2px; transition: box-shadow 0.15s ease-in-out; } .item-selector .input-file:focus + label::before { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff; } .item-selector .item-selector-list-row:hover { background-color: #e5f2ff; cursor: pointer; } .lfr-map { border: 1px solid #ccc; min-height: 400px; width: 100%; } .lfr-map .home-button { margin: 5px; } @media (max-width: 575.98px) { .lfr-map .home-button { height: 35px; width: 45px; } } .lfr-map .search-controls { font-size: 15px; margin-top: 5px; width: 100%; } @media (min-width: 576px) { .lfr-map .search-controls { width: 50%; } } .lfr-map .search-controls .search-input { width: 100%; } .navbar .navbar-collapse { max-height: none; } .navbar .navbar-collapse:after, .navbar .navbar-collapse:before { display: inline; } @media (max-width: 767.98px) { .navbar .navbar-search { background-color: #f3f3f3; border-top-width: 0; width: 100%; } } .navbar .navbar-search .form-search { margin: 8px 0; } @media (min-width: 768px) { .navbar .navbar-search .form-search { float: right; max-width: 275px; } } @media (max-width: 767.98px) { .navbar .navbar-search .form-search .input-group { width: 100%; } } @media (max-width: 991.98px) { .navbar .container .navbar-btn, .navbar .container-fluid .navbar-btn { margin-bottom: 5px; width: 45px; } .navbar .container .navbar-collapse.open, .navbar .container-fluid .navbar-collapse.open { border-width: 0; display: block; height: auto; overflow: visible; } } .taglib-portlet-preview.show-borders { border: 1px solid #828f95; margin-bottom: 1em; padding: 3px 3px 1em; } .taglib-portlet-preview.show-borders .title { background-color: #d3dadd; font-size: 1.4em; font-weight: bold; padding: 0.5em; } .taglib-portlet-preview .preview { margin: 1em; min-height: 90px; } .lfr-search-container .entry-action { width: 1px; } .lfr-search-container .entry-action .taglib-icon { white-space: nowrap; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column { position: relative; } @media (min-width: 576px) { .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive { margin-left: 375px; width: auto; } } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table { position: static; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header { left: 12px; position: fixed; right: 12px; top: -1px; z-index: 1020; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th { display: block; padding: 0; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper { overflow-x: hidden; } @media (min-width: 576px) { .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper { margin-left: 375px; } } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table { border-collapse: collapse; width: 100%; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th { border-radius: 0; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td, .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th { width: auto; } @media (min-width: 576px) { .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child, .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child { left: 0; position: absolute; right: 15px; } } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th { height: auto; } .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link) { color: #495057; font-weight: 500; text-decoration: underline; } .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):focus, .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):hover { color: #000; } .lfr-search-container-wrapper .dropdown-action .dropdown-toggle { color: #6c757d; } .lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover { color: #343a40; } .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle { color: #6c757d; } .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover { background-color: #f7f8f9; border-radius: 4px; color: #343a40; } .lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom { margin-top: 20px; } .lfr-search-container-wrapper .list-group { margin-bottom: 0; } .lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child, .lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .lfr-search-container-wrapper .list-group .list-group-item h4 { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0; } .lfr-search-container-wrapper .list-group .list-group-item h5, .lfr-search-container-wrapper .list-group .list-group-item h6, .lfr-search-container-wrapper .list-group .list-group-item .h5, .lfr-search-container-wrapper .list-group .list-group-item .h6 { font-size: 0.875rem; font-weight: 400; line-height: 1.5; margin-bottom: 0; } .lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 { font-weight: 600; } .lfr-search-container-wrapper .list-group .list-group-item h6 + h5 { font-weight: 600; } .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child, .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child { border-bottom-left-radius: 0.25rem; } .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child, .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child { border-bottom-right-radius: 0.25rem; } .user-info { display: flex; } .user-info .sticker { align-self: center; } .user-info .user-details { margin-left: 1rem; } .user-info .user-name { color: #343a40; font-weight: 600; } .user-info .date-info { color: #6c757d; } .user-status-tooltip .user-status-avatar { float: left; margin-right: 5px; } .user-status-tooltip .user-status-avatar .user-status-avatar-image { width: 27px; } .user-status-tooltip .user-status-info { display: inline-block; overflow: hidden; } .user-status-tooltip .user-status-info .user-status-date { font-size: 11px; } .lfr-search-container { margin-top: 1.5em; overflow: auto; } @media (max-width: 767.98px) { .lfr-search-container .selector-button { width: auto; } } .touch .lfr-search-container { -webkit-overflow-scrolling: touch; } .touch .lfr-search-container .searchcontainer-content .table { max-width: none; } .taglib-page-iterator { clear: both; height: auto; width: auto; } .taglib-page-iterator .lfr-pagination-buttons { float: right; margin: 0; } @media (max-width: 991.98px) { .taglib-page-iterator .lfr-pagination-buttons { width: 100%; } } @media (max-width: 991.98px) and (max-width: 767.98px) { .taglib-page-iterator .lfr-pagination-buttons { float: none; margin-top: 20px; } } @media (max-width: 991.98px) { .taglib-page-iterator .lfr-pagination-buttons > li { display: inline-block; width: 50%; } .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last { display: none; } .taglib-page-iterator .lfr-pagination-buttons > li > a { line-height: 20px; padding: 11px 19px; } } .taglib-page-iterator .lfr-pagination-config { float: left; line-height: 46px; } @media (max-width: 767.98px) { .taglib-page-iterator .lfr-pagination-config { float: none; } .taglib-page-iterator .lfr-pagination-config .current-page-menu { display: block; } .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn { display: block; } } .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector, .taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector { display: inline; } .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector { float: none; } @media (max-width: 991.98px) { .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector { display: none; } } .taglib-page-iterator .search-results { float: left; line-height: 46px; margin-left: 10px; } @media (max-width: 991.98px) { .taglib-page-iterator .search-results { display: none; } } .taglib-search-toggle .form-search { position: relative; } .taglib-search-toggle .form-search .input-group-btn { position: absolute; } @media (min-width: 992px) { .taglib-search-toggle .form-search .input-group-btn { position: static; } } .taglib-search-toggle .toggle-advanced { color: inherit; margin-left: 10px; position: absolute; top: 8px; } .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus { text-decoration: none; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced { background-color: #fcfcfc; border: solid #ddd; border-width: 0 1px 1px; margin-top: 0; padding: 15px 15px 0; } .navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced { border-width: 1px 0 0; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content { position: relative; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields { margin-bottom: 0; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend { color: #999; font-size: 13px; } .taglib-search-toggle-advanced-wrapper .btn.close { margin-right: 5px; position: relative; z-index: 1; } .taglib-user-display { padding: 0.5em; } .taglib-user-display .avatar { background: no-repeat center; background-size: 60px; display: block; height: 60px; margin: 0 auto; width: 60px; } .taglib-user-display .avatar.author:after { background: rgba(50, 168, 230, 0.5); border-radius: 50%; content: ''; display: block; height: 100%; width: 100%; } .taglib-user-display .user-details { margin-top: 1em; } .taglib-user-display .user-name { font-size: 1.1em; font-weight: bold; } .taglib-user-display a .user-name { text-decoration: underline; } .taglib-user-display.display-style-1 .user-profile-image { float: left; margin-right: 24px; } .taglib-user-display.display-style-1 .user-name { display: inline-block; margin-top: 10px; } .taglib-user-display.display-style-1 .user-details { margin-top: 0; } .taglib-user-display.display-style-2 .user-profile-image, .taglib-user-display.display-style-2 .user-name { clear: both; display: block; min-height: 20px; text-align: center; } .taglib-user-display.display-style-3 { padding: 0; } .taglib-user-display.display-style-3 .user-profile-image { display: inline-block; vertical-align: middle; } .taglib-workflow-status .workflow-id, .taglib-workflow-status .workflow-version, .taglib-workflow-status .workflow-status { color: #999; } .table-cell .taglib-workflow-status { margin: 0; } .table-cell .taglib-workflow-status .workflow-status { padding-left: 0; } .lfr-autocomplete-input-list .yui3-aclist-list { margin: 0; } .portal-popup .sheet > .lfr-nav { margin-top: -24px; } .portal-popup .contacts-portlet .portlet-configuration-container .form { position: static; } .portal-popup .lfr-form-content { padding: 24px 12px; } .portal-popup .portlet-body, .portal-popup .portlet-boundary, .portal-popup .portlet-column, .portal-popup .portlet-layout { height: 100%; } .portal-popup .portlet-column { position: static; } .portal-popup .dialog-body > .container-fluid-max-xl, .portal-popup .dialog-body .container-view, .portal-popup .export-dialog-tree > .container-fluid-max-xl, .portal-popup .export-dialog-tree .container-view, .portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl, .portal-popup .lfr-dynamic-uploader .container-view, .portal-popup .lfr-form-content > .container-fluid-max-xl, .portal-popup .lfr-form-content .container-view, .portal-popup .portlet-configuration-body-content > .container-fluid-max-xl, .portal-popup .portlet-configuration-body-content .container-view, .portal-popup .process-list > .container-fluid-max-xl, .portal-popup .process-list .container-view, .portal-popup .roles-selector-body > .container-fluid-max-xl, .portal-popup .roles-selector-body .container-view { padding-top: 20px; } .portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline, .portal-popup .dialog-body .container-view .nav-tabs-underline, .portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline, .portal-popup .export-dialog-tree .container-view .nav-tabs-underline, .portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline, .portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline, .portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline, .portal-popup .lfr-form-content .container-view .nav-tabs-underline, .portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline, .portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline, .portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline, .portal-popup .process-list .container-view .nav-tabs-underline, .portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline, .portal-popup .roles-selector-body .container-view .nav-tabs-underline { margin-left: -15px; margin-right: -15px; margin-top: -20px; } .portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl, .portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl, .portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl, .portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl, .portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl, .portal-popup .process-list > .lfr-nav + .container-fluid-max-xl, .portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl { padding-top: 0; } .portal-popup .login-container { padding: 1rem; } .portal-popup .navbar ~ .portlet-configuration-setup, .portal-popup .portlet-export-import-container { height: calc(100% - 48px); position: relative; } @media (min-width: 576px) { .portal-popup .navbar ~ .portlet-configuration-setup, .portal-popup .portlet-export-import-container { height: calc(100% - 48px); } } .portal-popup .panel-group .panel { border-left-width: 0; border-radius: 0; border-right-width: 0; } .portal-popup .panel-group .panel + .panel { border-top-width: 0; margin-top: 0; } .portal-popup .panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } .portal-popup .portlet-configuration-setup .lfr-nav { margin-left: auto; margin-right: auto; max-width: 1280px; padding-left: 3px; padding-right: 3px; } @media (min-width: 576px) { .portal-popup .portlet-configuration-setup .lfr-nav { padding-left: 8px; padding-right: 8px; } } .portal-popup .lfr-dynamic-uploader, .portal-popup .process-list { bottom: 0; display: block; left: 0; overflow: auto; position: absolute; right: 0; top: 48px; -webkit-overflow-scrolling: touch; } @media (min-width: 576px) { .portal-popup .lfr-dynamic-uploader, .portal-popup .process-list { top: 48px; } } .portal-popup .portlet-export-import-publish-processes { top: 0; } .portal-popup .dialog-footer { background-color: #fff; border-top: 1px solid #dee2e6; bottom: 0; display: flex; flex-direction: row-reverse; left: 0; margin: 0; padding: 10px 24px; width: 100%; z-index: 1020; } @media (min-width: 768px) { .portal-popup .dialog-footer { position: fixed; } } .portal-popup .dialog-footer .btn { margin-left: 1rem; margin-right: 0; } .portal-popup .dialog-footer.dialog-footer-not-reverse { flex-direction: initial; justify-content: flex-end; } @media (min-width: 768px) { .portal-popup .dialog-body:not(:last-child), .portal-popup .lfr-dynamic-uploader:not(:last-child), .portal-popup .lfr-form-content:not(:last-child), .portal-popup .portlet-configuration-body-content:not(:last-child), .portal-popup .roles-selector-body:not(:last-child) { padding-bottom: 60px; } } .portal-popup .lfr-dynamic-uploader { display: table; table-layout: fixed; width: 100%; } .portal-popup .lfr-dynamic-uploader.hide-dialog-footer { bottom: 0; } .portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer { display: none; } .portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content { display: flex; flex-direction: column; overflow: visible; } .portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form { flex-grow: 1; max-width: none; overflow: auto; } .portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content { bottom: 0; } .portal-popup:not(.article-preview) #main-content, .portal-popup:not(.article-preview) #wrapper { bottom: 0; left: 0; overflow: auto; padding: 0; position: absolute; right: 0; top: 0; -webkit-overflow-scrolling: touch; } @media print { .portal-popup:not(.article-preview) #main-content, .portal-popup:not(.article-preview) #wrapper { position: initial; } } .portal-popup .columns-max > .portlet-layout.row { margin-left: 0; margin-right: 0; } .portal-popup .columns-max > .portlet-layout.row > .portlet-column { padding-left: 0; padding-right: 0; } html:not(#__):not(#___) .portlet-layout.dragging { border-collapse: separate; } html:not(#__):not(#___) .drop-area { background-color: #d3dadd; } html:not(#__):not(#___) .active-area { background: #ffc; } html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging { opacity: 0.6; } html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet { border: 2px dashed #ccc; } html:not(#__):not(#___) .sortable-layout-proxy { opacity: 1; } html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper { background-image: none; } html:not(#__):not(#___) .proxy { cursor: move; opacity: 0.65; position: absolute; } html:not(#__):not(#___) .proxy.generic-portlet { height: 200px; width: 300px; } html:not(#__):not(#___) .proxy.generic-portlet .portlet-title { padding: 10px; } html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action { background: url(../images/application/forbidden_action.png) no-repeat; display: block; height: 32px; position: absolute; right: -15px; top: -15px; width: 32px; } html:not(#__):not(#___) .resizable-proxy { border: 1px dashed #828f95; position: absolute; visibility: hidden; } html:not(#__):not(#___) .sortable-proxy { background: #727c81; margin-top: 1px; } html:not(#__):not(#___) .sortable-layout-drag-target-indicator { margin: 2px 0; } html:not(#__):not(#___) .yui3-dd-proxy { z-index: 1110 !important; } .portlet-layout.dragging { border-collapse: separate; } .drop-area { background-color: #d3dadd; } .active-area { background: #ffc; } .portlet-boundary.yui3-dd-dragging { opacity: 0.6; transform: scale(0.8); transition: transform 0.3s ease; } @media (prefers-reduced-motion: reduce) { .portlet-boundary.yui3-dd-dragging { transition: none; } } .portlet-boundary.yui3-dd-dragging .portlet { border: 2px dashed #ccc; } .sortable-layout-proxy { opacity: 1; } .sortable-layout-proxy .portlet-topper { background-image: none; } .proxy { cursor: move; opacity: 0.65; position: absolute; } .proxy.generic-portlet { height: 200px; width: 300px; } .proxy.generic-portlet .portlet-title { padding: 10px; } .proxy.not-intersecting .forbidden-action { background: url(../images/application/forbidden_action.png) no-repeat; display: block; height: 32px; position: absolute; right: -15px; top: -15px; width: 32px; } .resizable-proxy { border: 1px dashed #828f95; position: absolute; visibility: hidden; } .sortable-proxy { background: #727c81; margin-top: 1px; } .sortable-layout-drag-target-indicator { margin: 2px 0; } .yui3-dd-proxy { z-index: 1110 !important; } .portlet-column-content.empty { padding: 50px; } .lfr-portlet-title-editable { margin-top: 0; z-index: 9999; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content { padding: 0; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input { margin-bottom: 0; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label { display: none; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content { display: inline-block; vertical-align: bottom; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group { margin-top: 0; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn { display: inline-block; float: none; margin-top: 0; width: auto; } .lfr-source-editor { border: solid 0 #ccc; border-bottom-width: 2px; position: relative; } .lfr-source-editor .ace_editor { height: 100%; } .lfr-source-editor .lfr-source-editor-toolbar li > .btn { background-color: #fff; border: transparent; color: #717383; outline: 0; } .lfr-source-editor .lfr-source-editor-code { background-color: #fff; color: #2b4259; } .lfr-source-editor .lfr-source-editor-code .ace_gutter { background-color: #ededef; color: #868896; overflow: hidden; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget { font-family: fontawesome-alloy; text-align: center; vertical-align: middle; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed { background-image: none; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before { content: '\25be'; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before { content: '\25b8'; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell { color: #fff; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line { background-color: #717383; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer { border-right: solid 1px #ccc; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info { background-image: none; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line { background-color: #ededef; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant { color: #34adab; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag { color: #1d5ec7; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string { color: #ff6c58; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex { color: #f00; } .lfr-source-editor.ace_dark .lfr-source-editor-code { background-color: #47474f; color: #fff; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter { background: #54555e; color: #fff; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line { background-color: #009aed; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line { background-color: #11394e; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor { color: #fff; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag { color: #4d91ff; } .lfr-fullscreen-source-editor { height: 100%; overflow: hidden; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header { height: 40px; margin-right: 4px; margin-top: 4px; min-height: 40px; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content { height: 95%; position: relative; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter { border: 1px solid #ccc; position: absolute; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel { display: inline-block; overflow-y: auto; padding-left: 20px; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel { display: inline-block; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel, .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel { height: 100%; width: 50%; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter { height: 100%; left: 50%; top: 0; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel, .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel { height: 50%; width: 100%; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter { top: 50%; width: 100%; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter, .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel { display: none; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel { height: 100%; width: 100%; } .lfr-fulscreen-source-editor-dialog .modal-footer { text-align: left; } .file-icon-color-0 { background-color: #fff; color: #6b6c7e; } .file-icon-color-1 { background-color: #fff; color: #a7a9bc; } .file-icon-color-2 { background-color: #fff; color: #50d2a0; } .file-icon-color-3 { background-color: #fff; color: #af78ff; } .file-icon-color-4 { background-color: #fff; color: #ffb46e; } .file-icon-color-5 { background-color: #fff; color: #ff5f5f; } .file-icon-color-6 { background-color: #fff; color: #4b9bff; } .file-icon-color-7 { background-color: #fff; color: #272833; } .lfr-item-viewer.uploading > div:not(.progress-container) { opacity: 0.3; } .lfr-item-viewer.uploading > .progress-container { visibility: visible; } .lfr-item-viewer .aspect-ratio a.item-preview { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; width: 100%; } .lfr-item-viewer .image-viewer-base-image-list { padding-top: 35px; } .lfr-item-viewer .item-preview:hover { cursor: pointer; } .lfr-item-viewer .progress-container { background-color: #fff; left: 0; margin: 0 auto; padding: 20px 30px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); visibility: hidden; width: 80%; z-index: 1000; } .lfr-item-viewer .progress-container a { position: absolute; right: 30px; } .lfr-item-viewer .progress-container .progress { margin-top: 10px; } .lfr-item-viewer .search-info { background-color: #d3e8f1; } .lfr-item-viewer .search-info .keywords { font-size: 1.4em; font-weight: bold; } .lfr-item-viewer .search-info .change-search-folder { font-size: 0.8em; font-weight: normal; } .lfr-item-viewer .upload-view { display: table; height: 400px; margin-top: 20px; width: 100%; } .lfr-item-viewer .upload-view > div { display: table-cell; vertical-align: middle; } .lfr-item-viewer .yui3-widget-bd { position: relative; } .lfr-menu-expanded li a:focus { background-color: #5b677d; color: #fff; text-shadow: -1px -1px #2c2f34; } .lfr-url-error { display: inline-block; white-space: normal; overflow-wrap: break-all; word-wrap: break-all; } .lfr-page-layouts { padding: 0; } .lfr-page-layouts input[type='radio'] { opacity: 0; position: absolute; } .lfr-page-layouts input[type='radio']:checked + .card-horizontal { cursor: default; } .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after { bottom: -0.0625rem; content: ""; left: -0.0625rem; position: absolute; right: -0.0625rem; transition: height 0.15s ease-out; } @media (prefers-reduced-motion: reduce) { .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after { transition: none; } } .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after { transition: none; } .lfr-page-layouts .card-horizontal { cursor: pointer; outline: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .lfr-page-layouts .card-horizontal { transition: none; } } .lfr-page-layouts .card-horizontal { transition: none; } .lfr-page-layouts .card-horizontal::after { border-radius: 0 0 0.25rem 0.25rem; bottom: -0.0625rem; content: ""; height: 0; left: -0.0625rem; position: absolute; right: -0.0625rem; transition: height 0.15s ease-out; } @media (prefers-reduced-motion: reduce) { .lfr-page-layouts .card-horizontal::after { transition: none; } } .lfr-page-layouts .card-horizontal::after { transition: none; } .modal-body.dialog-iframe-bd { overflow: hidden; padding: 0; } .modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) { position: relative; } .modal-dialog.dialog-iframe-modal { max-width: none; } .modal-dialog.modal-dialog-sm { max-width: 500px; } .modal-dialog .yui3-resize-handles-wrapper { pointer-events: all; } .modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br { bottom: 0; right: 0; } .modal-open .modal { display: block; } .sheet > .panel-group .sheet-footer { margin-bottom: 0; } .sheet-footer .btn { margin-right: 0.5rem; } .sheet-footer .btn:last-child { margin-right: 0; } .tag-items { list-style: none; margin: 0 1em 0 0; padding: 0 1em 0.5em; white-space: normal; } .tag-items li { display: inline-block; margin: 0 1em 0 0; max-width: 100%; } .tag-selected { color: #000; font-weight: bold; text-decoration: none; } .tag-cloud .tag-popularity-1 { font-size: 1em; } .tag-cloud .tag-popularity-2 { font-size: 1.3em; } .tag-cloud .tag-popularity-3 { font-size: 1.6em; } .tag-cloud .tag-popularity-4 { font-size: 1.9em; } .tag-cloud .tag-popularity-5 { font-size: 2.2em; } .tag-cloud .tag-popularity-6 { font-size: 2.5em; } .lfr-portal-tooltip { display: inline-flex; } .lfr-portal-tooltip, .lfr-portal-tooltip a { -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .tree-node .icon-check { padding-right: 2px; } .tree-node .tree-node-checked .icon-check { padding-right: 0; } .tree-node [class^='icon-'] { margin-right: 5px; } .tree-node .tree-node-checkbox-container { margin-right: 0; } .tree-node .tree-node-selected .tree-label { background: none; } .tree-node-content .tree-hitarea { color: #999; font-size: 10px; padding-right: 6px; } .tree-node-content .tree-label { margin-left: 3px; } .tree-node-content .tree-node-hidden-hitarea { visibility: hidden; } .tree-node-selected .tree-label { background-color: transparent; } .tree-view li.tree-node .tree-node-content svg.lexicon-icon { pointer-events: none; } .user-icon-color-0 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #6b6c7e; } .user-icon-color-1 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #4a97f2; } .user-icon-color-2 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #e87523; } .user-icon-color-3 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #fb625b; } .user-icon-color-4 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #4fa488; } .user-icon-color-5 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #fe4fb5; } .user-icon-color-6 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #879b7a; } .user-icon-color-7 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #af78ff; } .user-icon-color-8 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #bf8c2a; } .user-icon-color-9 { background-color: #fff; box-shadow: 0 0 0 1px #dee2e6; color: #5f9bc7; } .collapse.open { display: block; } .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E"); height: 1em; width: 1em; } .navbar-nav .nav-item.hover:after { bottom: -0.125rem; content: ''; height: 0.125rem; left: 0; position: absolute; width: 100%; } .navbar .navbar-toggler .c-inner { max-width: none; } html:not(#__):not(#___) .cadmin.portlet-topper { position: relative; } html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back { background: url(../images/arrows/12_left.png) no-repeat 0 50%; padding: 5px 5px 5px 18px; } html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text { display: none; } html:not(#__):not(#___) .cadmin .component-action.portlet-options { color: white; } body.portlet { border-width: 0; } .portlet-icon-back { margin-top: -2px; } .portlet-topper .portlet-topper-toolbar .portlet-icon-back { background: url(../images/arrows/12_left.png) no-repeat 0 50%; padding: 5px 5px 5px 18px; } .portlet-options-dropdown { z-index: 1035; } .portlet-topper { position: relative; } .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text { display: none; } .portlet-draggable .portlet-topper { cursor: move; } .portlet-title-editable { cursor: pointer; } .portlet-title-text { display: inline-block; margin-top: 0; max-width: 95%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } .panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text { cursor: auto; } .portlet-minimized .portlet-content { padding: 0; } .portlet-nested-portlets .portlet-boundary { left: 0 !important; position: relative !important; top: 0 !important; } .portlet-layout .portlet-header { margin-bottom: 1rem; } @media (min-width: 576px) { .portlet .visible-interaction { display: none; } } @media (max-width: 767.98px) { .controls-hidden .portlet .visible-interaction { display: none; } } .portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction { display: block; } .controls-hidden .lfr-meta-actions, .controls-hidden .lfr-configurator-visibility { display: none; } .controls-hidden .portlet-topper-toolbar { display: none !important; } .controls-hidden .portlet-topper { display: none !important; } html:not(#__):not(#___) .cadmin.portlet-topper { background-color: #f7f7f7; border-color: transparent; border-radius: 0 0; border-style: solid; border-width: 1px 1px 1px 1px; color: rgba(0, 0, 0, 0.5); display: box; display: flex; padding: 3px 12px 3px 24px; position: relative; } html:not(#__):not(#___) .portlet > .cadmin.portlet-topper { display: none; } @media (min-width: 768px) { html:not(#__):not(#___) .portlet > .cadmin.portlet-topper { display: flex; left: 0; opacity: 0; position: absolute; right: 0; transition: opacity 0.25s, transform 0.25s; top: 0; } } @media (min-width: 768px) and (prefers-reduced-motion: reduce) { html:not(#__):not(#___) .portlet > .cadmin.portlet-topper { transition: none; } } @media (min-width: 768px) { html:not(#__):not(#___) .portlet > .cadmin.portlet-topper { transition: none; } } html:not(#__):not(#___) .cadmin .portlet-actions { float: right; } html:not(#__):not(#___) .cadmin .portlet-options { display: inline-block; } html:not(#__):not(#___) .cadmin .portlet-title-menu { flex: 0 1 auto; } html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a { display: inline-block; text-decoration: none; } html:not(#__):not(#___) .cadmin .portlet-topper-toolbar { margin: 0; padding-left: 0; } html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a { color: rgba(0, 0, 0, 0.5); } html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover { text-decoration: none; } html:not(#__):not(#___) .cadmin .portlet-name-text { font-size: 14px; font-weight: 600; } html:not(#__):not(#___) .cadmin .portlet-title-default { flex: 1 1 auto; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 576px) { html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper { opacity: 0.5; } } @media (min-width: 768px) { html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable { border-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; } } @media (min-width: 768px) { html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper { opacity: 1; transform: translateY(-97%); } } @media (min-width: 768px) { html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper { transition-duration: 0ms; } } @media (max-width: 767.98px) { html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper { display: box; display: flex; } } html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar { display: block; } .portlet { margin-bottom: 10px; position: relative; } @media (min-width: 768px) { .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable { border-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; } } @media (min-width: 768px) { .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper { opacity: 1; transform: translateY(-97%); } } @media (min-width: 576px) { .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper { opacity: 0.5; } } .portlet-content-editable { border-color: transparent; border-radius: 0 0; border-style: solid; border-width: 1px 1px 1px 1px; } .portlet > .portlet-content-editable { border-color: transparent; } @media (max-width: 767.98px) { .controls-visible .portlet-content-editable { border-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; } } .portlet-name-text { font-size: 0.875rem; font-weight: 600; } .portlet-options { display: inline-block; } .portlet-title-default { flex: 1 1 auto; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .portlet-title-menu { flex: 0 1 auto; } .portlet-title-menu > span > a { display: inline-block; text-decoration: none; } .portlet-topper { background-color: #f7f7f7; border-color: transparent; border-radius: 0 0; border-style: solid; border-width: 1px 1px 1px 1px; color: rgba(0, 0, 0, 0.5); display: box; display: flex; padding: 3px 12px 3px 24px; position: relative; } .portlet > .portlet-topper { display: none; } @media (min-width: 768px) { .portlet > .portlet-topper { display: flex; left: 0; opacity: 0; position: absolute; right: 0; transition: opacity 0.25s, transform 0.25s; top: 0; } } @media (min-width: 768px) and (prefers-reduced-motion: reduce) { .portlet > .portlet-topper { transition: none; } } @media (min-width: 768px) { .portlet > .portlet-topper { transition: none; } } @media (max-width: 767.98px) { .controls-visible .portlet-topper { display: box; display: flex; } } .portlet-topper-toolbar { margin: 0; padding-left: 0; } .portlet-topper-toolbar > a, .portlet-topper-toolbar > span > a, .portlet-topper-toolbar .lfr-icon-menu > a { color: rgba(0, 0, 0, 0.5); } .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover { text-decoration: none; } .controls-visible .portlet-topper-toolbar { display: block; } .lfr-panel-page .portlet-title { font-size: 13px; } .portlet-borderless .portlet-content { padding: 1rem; } .portlet-decorate .portlet-content { background: #fff; border-color: transparent; border-style: solid; border-width: 1px 1px 1px 1px; padding: 1rem; word-wrap: break-word; } .portlet-barebone .portlet-content { padding: 0; } .portlet-dynamic-data-lists-display .lfr-ddm-field-group, .portlet-dynamic-data-lists .lfr-ddm-field-group { margin-bottom: 10px; margin-top: 10px; padding: 28px 24px; } .breadcrumb.breadcrumb-vertical { display: inline-block; text-align: center; } .breadcrumb.breadcrumb-vertical li { display: block; } .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only { background: none; } .breadcrumb.breadcrumb-vertical .divider { background: url(../images/arrows/07_down.png) no-repeat 50% 100%; display: block; height: 10px; overflow: hidden; text-indent: 101%; white-space: nowrap; } .navbar form { margin: 0; } :not(.inline-item) > .loading-animation { margin-bottom: 20px; margin-top: 20px; } .product-menu .loading-animation { margin-top: 160px; } @keyframes lfr-drop-active { 0% { background-color: #ebebeb; border-color: #ddd; } 50% { background-color: #ddedde; border-color: #7d7; transform: scale(1.1); } 75% { background-color: #ddedde; border-color: #7d7; } 100% { background-color: #ebebeb; border-color: #ddd; } } .lfr-upload-container .progress-bar, .lfr-upload-container .progress { border-radius: 10px; } .lfr-upload-container .upload-file, .lfr-upload-container .upload-target { border-radius: 5px; } .upload-drop-active .lfr-upload-container .upload-target { animation: none; } .upload-drop-intent .lfr-upload-container .upload-target { animation: lfr-drop-active 1s ease 0.2s infinite; } .select-files { border-radius: 5px; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group { box-shadow: none; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number { box-shadow: 0 0 5px 0 #333; transition-duration: 0.25s; transition-property: box-shadow; transition-timing-function: ease-out; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number { border-radius: 50%; } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress { animation: progress-bar-stripes 0.5s linear infinite; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-size: 40px 40px; transition: width, 0.5s, ease-out; } @media (prefers-reduced-motion: reduce) { .lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress { transition: none; } } @keyframes highlight-animation { from { background-color: #ffc; } to { background-color: transparent; } } .highlight-animation { animation: highlight-animation 0.7s; } .portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle { box-shadow: none; } .form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label { gap: 0.3125rem; } /* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */ /* inject:imports */ /* @import "../commons/css/bootstrap.min.css"; */ /* @import "commons/bootstrap.min.css"; */ /* @import "../commons/css/common-style.css"; */ /* @import "../commons/css/bonda-shortcodes.css"; */ /* portlet decorators */ /*migracó DXP 7.2*/ /* selector d'idiomes */ div.c_tb-lang { text-transform: uppercase !important; } /* barra superior */ /* div#common_top-bar div.container { /* posicionament vertical * / top: -18px !important; } */ @media (min-width: 320px) and (max-width: 1200px) { /* color negre a la dreta del selector d'idiomes */ div#common_top-bar div.container::before { width: 50vw !important; background-color: #1f1f1f !important; } } /* posicionament logo consell a la barra superior */ /*@media(max-width:768px) { div#common_top-bar h1.c_tb-logo { top: 15px !important; } } */ /* migració 74 */ /* --------------------------------- PORTLET - HEADER --------------------------------- */ .portlet .portlet-content .portlet-header { display: none; } /*-------------------------------- COMPONENTS: PAGINATION DE LIFERAY --------------------------------*/ .pagination li.page-item a:after { content: ""; } .pagination li.page-item:first-child a::after { border-width: 0; } .pagination li.page-item:last-child a::after { border-width: 0; } /* endinject */ /* This file allows you to override default styles in one central location for easier upgrade and maintenance. */ /*# sourceMappingURL=main.css.map */