/* This is a bundle of all the CSS files in a skin. To make debugging easier, turn this off by going to Configuration -> Site Settings -> Cache in Organizer and set the "Bundle skin CSS files" setting to "On for visitors only" or "Always off". */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px; padding:0px; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* Portrait and Landscape for iPad 3 and 4 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPad 1 and 2 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPad mini */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 6+ */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 6 */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 5 and 5s */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 4 and 4s */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /**/ .banner_wrap .zenario_rollover,.banner_wrap:hover .zenario_rollout{display:none}.banner_wrap:hover .zenario_rollover{display:initial}div.zenario_cookie_consent,.zenario_cookie_consent_manage_popup{font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:12px;line-height:1.6em}div.zenario_cookie_consent{overflow:hidden;width:calc(100% - 20px);padding:10px 10px 12px;position:fixed;bottom:0;z-index:99;background:#333}div.zenario_cookie_consent .zenario_cookie_consent_wrap{width:100%;max-width:980px;overflow:hidden;margin:auto}div.zenario_cookie_consent .zenario_cc_message{width:calc(100% - 215px);margin:auto;float:left}div.zenario_cookie_consent .zenario_cc_message p:first-child a{text-decoration:underline}div.zenario_cookie_consent .zenario_cc_buttons{width:200px;padding-left:15px;float:right;text-align:right}div.zenario_cookie_consent .zenario_cc_buttons div,div.zenario_cookie_consent .zenario_cc_buttons div a{display:inline-block}div.zenario_cookie_consent .zenario_cc_buttons div{padding-right:20px}div.zenario_cookie_consent .zenario_cc_buttons a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}div.zenario_cookie_consent .zenario_cc_buttons a,div.zenario_cookie_consent .zenario_cc_buttons a:hover{text-decoration:none}div.zenario_cookie_consent .zenario_cc_accept a,div.zenario_cookie_consent .zenario_cc_continue a{height:30px;line-height:28px;padding:0 15px;background:#FFF;color:#333;font-weight:700}div.zenario_cookie_consent .zenario_cc_manage a{height:28px;line-height:26px;padding:0 15px;border:1px solid #FFF;color:#FFF;cursor:pointer}div.zenario_cookie_consent .zenario_cc_accept a,div.zenario_cookie_consent .zenario_cc_manage a{text-decoration:none}div.zenario_cookie_consent .zenario_cc_accept a:hover,div.zenario_cookie_consent .zenario_cc_continue a:hover,div.zenario_cookie_consent .zenario_cc_manage a:hover{background:rgb(255 255 255 / .8)}div.zenario_cookie_consent .zenario_cc_manage a:hover{color:#333}div.zenario_cookie_consent .zenario_cc_close a{position:absolute;top:10px;right:15px;display:block;width:15px;height:15px;text-indent:-99px;font-size:0;line-height:0;cursor:pointer}div.zenario_cookie_consent .zenario_cc_close a:before,div.zenario_cookie_consent .zenario_cc_close a:after{position:absolute;right:0;content:' ';height:15px;width:2px;background-color:#FFF}div.zenario_cookie_consent .zenario_cc_close a:before{transform:rotate(45deg)}div.zenario_cookie_consent .zenario_cc_close a:after{transform:rotate(-45deg)}div.zenario_cookie_consent,div.zenario_cookie_consent a{color:#FFF}div.zenario_cookie_consent .zenario_cc_message a{text-decoration:none}div.zenario_cookie_consent .zenario_cc_message a:hover{text-decoration:underline}body.no_js div.zenario_cookie_consent .zenario_cc_close,.zenario_dn{display:none}div.zenario_cookie_consent.cookies_explicit,.zenario_cookie_consent_manage_popup{position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background-color:rgb(0 0 0 / .5);font-size:13px;line-height:1.5}div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{position:fixed;z-index:100;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:96%;max-width:860px;margin:auto;padding:30px}div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap{background-color:rgb(0 0 0)}div.zenario_cookie_consent.cookies_explicit,div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{text-align:center}div.zenario_cookie_consent.cookies_explicit .zenario_cc_message,div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{width:100%;float:none;padding:0}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{margin-top:30px;font-size:14px}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons a{height:40px;line-height:38px;padding:0 25px}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons .zenario_cc_manage a{height:38px;line-height:36px}.zenario_cookie_consent_manage_popup{background:rgb(0 0 0 / .75);transition:opacity 0.5s ease}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{background:#FFF;padding:0}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{display:flex}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form{padding:30px;background:#efefef}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h1{font-size:1.6em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2{font-size:1.5em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h3{font-size:1.4em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h1,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h3{padding-bottom:5px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_consent_image{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text{padding:30px 30px 15px;border-bottom:1px solid #ccc}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text{width:52%}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie{overflow:hidden;padding-bottom:15px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>label{float:left;margin-top:2px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info{overflow:hidden;padding-left:20px}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info h5{font-size:15px;padding-bottom:4px}body.mobile .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info h5{font-size:13px;font-weight:600;padding-bottom:0}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text p{padding-top:5px}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text p{padding-top:1em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons{text-align:center;padding-top:10px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons.top{padding:0 0 15px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input{height:36px;border:0;min-width:80px;padding:0 15px;margin:0 5px;background:#333;color:#fff;font-family:Verdana,Arial,Helvetica,Sans-Serif;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;cursor:pointer}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences{border:1px solid #333;color:#333;background:#fff0}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover{color:#FFF;background:#333}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel{position:absolute;width:20px;height:20px;top:15px;right:15px;display:block;text-indent:-9999px;background:#fff0;border:0;cursor:pointer}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:before,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:after{position:absolute;left:10px;content:' ';height:20px;width:1px;background-color:#000;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover:before,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover:after{background-color:#2a98ce}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:before{transform:rotate(45deg)}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:after{transform:rotate(-45deg)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0}.touchscreen div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap{padding:20px;width:calc(100% - 60px)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text,.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form{padding:15px}.touchscreen div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons a{padding:0 15px}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{width:90%;max-height:85vh;overflow-y:auto}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .switch{transform:scale(.8)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info{padding-left:10px}@media (orientation:landscape){.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{height:75vh}}@media all and (max-width:581px){div.zenario_cookie_consent .zenario_cc_message,div.zenario_cookie_consent .zenario_cc_buttons{width:calc(100% - 20px);float:none;padding-right:20px}div.zenario_cookie_consent .zenario_cc_buttons{padding-left:0;padding-top:5px;text-align:center}div.zenario_cookie_consent .zenario_cc_accept a{height:24px;line-height:22px}}body.js select.jquery_datepicker{display:none}body.no_js input.jquery_datepicker{display:none}#ui-datepicker-div{display:none}.container .medium_slot .zenario_slot{min-height:150px}.container .large_slot .zenario_slot{min-height:225px}.container .xlarge_slot .zenario_slot{min-height:300px}.container .xxlarge_slot .zenario_slot{min-height:375px}.zenario_password_requirements_tooltip{text-align:left;display:none}.zenario_password_requirements_tooltip p{margin-bottom:5px!important}.zenario_password_requirements_tooltip ul{padding:0!important;margin:3px 0!important;line-height:1.5em!important}.zenario_password_requirements_tooltip ul li{margin:0 0 4px 0!important;text-align:left!important}.zenario_password_requirements_tooltip ul li.fail,.zenario_password_requirements_tooltip ul li.pass{list-style:none!important;background-repeat:no-repeat;background-position:0 2px;background-size:auto 12px;padding:0 0 0 15px!important}.zenario_password_requirements_tooltip ul li.fail{background-image:url(..//styles/../zenario/admin/images/icon-error.svg);color:#E30000}.zenario_password_requirements_tooltip ul li.pass{background-image:url(..//styles/../zenario/admin/images/icon-tick-green-circle.svg);color:#00AB00}.title_red,.title_orange,.title_yellow,.title_green{display:inline;padding:2px 5px!important;text-align:center;font-family:Verdana,Arial,sans-serif;font-size:13px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.title_red{color:#ff3939}.title_orange{color:#F90}.title_yellow{color:#e6af0b}.title_green{color:#24ae2d}.zenario_visitor_tooltip{font-size:11px!important;line-height:14px;padding:6px 8px!important;background:#323232!important;color:#fff!important;border:0!important;-webkit-box-shadow:0 0 3px 0 rgb(0 0 0 / .2);box-shadow:0 0 3px 0 rgb(0 0 0 / .2);-webkit-border-radius:5px!important;border-radius:5px!important;text-align:center;font-family:Arial,Helvetica,sans-serif!important;opacity:1;max-width:130px!important}.zenario_visitor_tooltip.ui-widget-shadow{opacity:1!important}.zenario_visitor_tooltip.tooltip_top_center{margin-top:5px}.zenario_visitor_tooltip.tooltip_bottom_center{margin-bottom:5px}.zenario_visitor_tooltip.tooltip_center_left{margin-left:5px}.zenario_visitor_tooltip.tooltip_center_right{margin-right:5px}.zenario_visitor_tooltip.tooltip_top_center:after,.zenario_visitor_tooltip.tooltip_bottom_center:after,.zenario_visitor_tooltip.tooltip_center_left:after,.zenario_visitor_tooltip.tooltip_center_right:after{border:solid #fff0;content:" ";height:0;width:0;position:absolute;pointer-events:none}.zenario_visitor_tooltip.tooltip_top_center:after{bottom:100%}.zenario_visitor_tooltip.tooltip_bottom_center:after{top:100%}.zenario_visitor_tooltip.tooltip_center_left:after{right:100%}.zenario_visitor_tooltip.tooltip_center_right:after{left:100%}.zenario_visitor_tooltip.tooltip_top_center:after,.zenario_visitor_tooltip.tooltip_bottom_center:after,.zenario_visitor_tooltip.tooltip_center_left:after,.zenario_visitor_tooltip.tooltip_center_right:after{border-color:#fff0;border-width:5px;left:50%;margin-left:-5px}.zenario_visitor_tooltip.tooltip_top_center:after{border-bottom-color:#323232}.zenario_visitor_tooltip.tooltip_bottom_center:after{border-top-color:#323232}.zenario_visitor_tooltip.tooltip_center_left:after{border-right-color:#323232}.zenario_visitor_tooltip.tooltip_center_right:after{border-left-color:#323232}.zenario_visitor_tooltip_wrap{position:relative}.zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip{position:absolute;right:0;top:0}input[type="password"].border_red{border-color:#e30000!important}input[type="password"].border_green{border-color:#00AB00!important}.zenario_tslink{position:relative;z-index:50!important;float:right;width:18px;height:18px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxyZWN0IHg9IjAuNDExIiB5PSI2LjQzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjE1LjA2OCIgaGVpZ2h0PSIxMS43ODEiLz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTE0LjE5LDcuNzkzdjkuODI0SDIuMTgzVjcuNzkzSDE0LjE5IE0xNi4zNzMsNS42MUgwVjE5LjhoMTYuMzczVjUuNjFMMTYuMzczLDUuNjF6Ii8+Cgk8L2c+Cgk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTguMTkxLDExLjgwNGMwLjUzMSwwLDAuNjcsMC4xMywwLjY3LDAuNTV2Mi45NzFoMC40MTljMC4yNTEsMCwwLjMwNywwLjEwMiwwLjMwNywwLjUyMQoJCWMwLDAuNDE5LTAuMDU2LDAuNTIyLTAuMzA3LDAuNTIySDcuMTY2Yy0wLjI1MSwwLTAuMzA3LTAuMTAyLTAuMzA3LTAuNTIyYzAtMC40MTksMC4wNTYtMC41MjEsMC4zMDctMC41MjFINy41M3YtMi4zMDEKCQljMC0wLjE0OS0wLjA1Ni0wLjE3Ny0wLjE3Ny0wLjE3N0g3LjE3NmMtMC4yNTEsMC0wLjMxNy0wLjEyMS0wLjMxNy0wLjQxOWMwLTAuNDU2LDAuMTEyLTAuNjI0LDAuNTAzLTAuNjI0SDguMTkxeiBNOC4xOTEsOC45NDYKCQljMC40MTksMCwwLjcwOCwwLjE0OSwwLjcwOCwwLjc2NGMwLDAuNTk2LTAuMTMxLDAuNzY0LTAuNTUsMC43NjRINy44NTZjLTAuNDI5LDAtMC41NTktMC4xNjgtMC41NTktMC43NjQKCQljMC0wLjYwNSwwLjI4OS0wLjc2NCwwLjcwOC0wLjc2NEg4LjE5MXoiLz4KCTxnPgoJCTxyZWN0IHg9IjkuNzI2IiB5PSIwLjY3NiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIHdpZHRoPSI5Ljg2MyIgaGVpZ2h0PSI3LjY3MSIvPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMjdEQzk7IiBkPSJNMTguNTk0LDEuNjA3djYuMzI5aC03LjczNVYxLjYwN0gxOC41OTQgTTIwLDAuMkg5LjQ1MnY5LjE0MkgyMFYwLjJMMjAsMC4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) center center no-repeat;right:24px}.zenario_front_end_picked_item_info{width:18px;height:18px;display:inline-block;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxyZWN0IHg9IjAuNDExIiB5PSI2LjQzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjE1LjA2OCIgaGVpZ2h0PSIxMS43ODEiLz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTE0LjE5LDcuNzkzdjkuODI0SDIuMTgzVjcuNzkzSDE0LjE5IE0xNi4zNzMsNS42MUgwVjE5LjhoMTYuMzczVjUuNjFMMTYuMzczLDUuNjF6Ii8+Cgk8L2c+Cgk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTguMTkxLDExLjgwNGMwLjUzMSwwLDAuNjcsMC4xMywwLjY3LDAuNTV2Mi45NzFoMC40MTljMC4yNTEsMCwwLjMwNywwLjEwMiwwLjMwNywwLjUyMQoJCWMwLDAuNDE5LTAuMDU2LDAuNTIyLTAuMzA3LDAuNTIySDcuMTY2Yy0wLjI1MSwwLTAuMzA3LTAuMTAyLTAuMzA3LTAuNTIyYzAtMC40MTksMC4wNTYtMC41MjEsMC4zMDctMC41MjFINy41M3YtMi4zMDEKCQljMC0wLjE0OS0wLjA1Ni0wLjE3Ny0wLjE3Ny0wLjE3N0g3LjE3NmMtMC4yNTEsMC0wLjMxNy0wLjEyMS0wLjMxNy0wLjQxOWMwLTAuNDU2LDAuMTEyLTAuNjI0LDAuNTAzLTAuNjI0SDguMTkxeiBNOC4xOTEsOC45NDYKCQljMC40MTksMCwwLjcwOCwwLjE0OSwwLjcwOCwwLjc2NGMwLDAuNTk2LTAuMTMxLDAuNzY0LTAuNTUsMC43NjRINy44NTZjLTAuNDI5LDAtMC41NTktMC4xNjgtMC41NTktMC43NjQKCQljMC0wLjYwNSwwLjI4OS0wLjc2NCwwLjcwOC0wLjc2NEg4LjE5MXoiLz4KCTxnPgoJCTxyZWN0IHg9IjkuNzI2IiB5PSIwLjY3NiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIHdpZHRoPSI5Ljg2MyIgaGVpZ2h0PSI3LjY3MSIvPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMjdEQzk7IiBkPSJNMTguNTk0LDEuNjA3djYuMzI5aC03LjczNVYxLjYwN0gxOC41OTQgTTIwLDAuMkg5LjQ1MnY5LjE0MkgyMFYwLjJMMjAsMC4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;text-indent:-99px;font-size:0;line-height:0}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8c8c8c;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider{background-color:#2196F3}.switch input:disabled+.slider{background:#CCC;cursor:default}.switch input:focus+.slider{box-shadow:0 0 1px #2196F3}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.z_toggle_open .z_toggle_closed_indicator{display:none}.z_toggle_closed .z_toggle_open_indicator{display:none}.lang_flag.lang_disabled{opacity:.3}.lang_flag.lang_disabled{opacity:.3}#toast-container>.toast{font-family:Arial,Helvetica,Sans-Serif;font-size:13px}#toast-container.toast-top-right>div{width:365px;font-family:verdana,arial,helvetica;font-size:13px;opacity:.95;background-position:15px 12px}#toast-container .toast-message a{transition:color 200ms ease-in-out}#toast-container .toast-message a:hover{color:#FFE61A;text-decoration:underline}.zenario_skin img.lazy{display:block}.zenario_skin img.lazy[src=""],.zenario_skin img.lazy:not([src]){visibility:hidden}.zenario_slot .pinned{font-size:90%;padding-bottom:5px}.zenario_slot .pinned_icon:before,.zenario_slot .page_title .pinned_icon:after{font-family:"FontAwesome";content:"\f08d";position:absolute;transform:rotateY(0deg) rotate(45deg)}.zenario_slot .pinned_icon{padding-left:18px;position:relative}.zenario_slot .pinned_icon:before{left:0}.zenario_slot .page_title .pinned_icon{padding-left:0}.zenario_slot .page_title .pinned_icon:before{content:"";padding:0}.zenario_slot .page_title .pinned_icon:after{margin-left:10px;font-size:20px}.zenario_slot.zenario_loading_spinner{position:relative;z-index:1}.zenario_slot.zenario_loading_spinner:before{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;content:"";display:block;background:rgb(255 255 255 / .8);width:100%;height:100%}.zenario_slot.zenario_loading_spinner:after{position:absolute;z-index:3;top:0;bottom:0;left:0;right:0;margin:auto;display:inline-block;content:" ";border-radius:50%;width:3em;height:3em;font-size:10px;text-indent:-9999em;border-top:1em solid rgb(0 0 0 / .2);border-right:1em solid rgb(0 0 0 / .2);border-bottom:1em solid rgb(0 0 0 / .2);border-left:1em solid #555;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:loading_spinner 1.1s infinite linear;animation:loading_spinner 1.1s infinite linear}@-webkit-keyframes loading_spinner{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading_spinner{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body.in_iframe .admin_login_link,body.in_iframe>x-zenario-cache-info.zenario_cache_info{display:none} /**/ /* General --------------------------------------------------------------------------------------------------*/ .zfea { position:relative; } .zfea .section { margin-top:10px; padding-top:20px; } .zenario_plugin_nest .zfea { margin-bottom:30px; } .zenario_plugin_nest .nest_plugins:before, .zenario_plugin_nest .nest_plugins:after { content: "."; display: block; height: 0; overflow: hidden; } .zenario_plugin_nest .nest_plugins:after {clear: both;} ::-webkit-input-placeholder { opacity:0.4; color:#777; } :-moz-placeholder { opacity:0.4; color:#777; } ::-moz-placeholder { opacity:0.4; color:#777; } :-ms-input-placeholder { opacity:0.4; color:#777; } table.table_list.zfea_group_by { margin-left:30px; width:calc(100% - 30px); } table.table_list.zfea_group_by tr.zfea_list_grouping td { padding-top:10px; padding-left:0; } table.table_list.zfea_group_by tr.zfea_list_grouping td h5 { position:relative; margin-left:-28px; } table.table_list.zfea_group_by tr.zfea_list_outer_grouping td h4 { position:relative; margin-left:-38px; } /* Form --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_textbox_with_autocomplete { display:inline-block; overflow:hidden; } .zenario_skin .zenario_textbox_with_autocomplete input[type="text"] { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .zenario_skin .zenario_textbox_with_autocomplete input[type="button"] { font-size:16px; border-left:0 !important; padding:0 10px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .zenario_skin .zenario_textbox_with_autocomplete input[type="text"], .zenario_skin .zenario_textbox_with_autocomplete input[type="button"] { float:left; } .zfea_form_row .zenario_textbox_with_autocomplete ul.ui-menu { max-height:40vh; overflow-y: auto; } /* Tables --------------------------------------------------------------------------------------------------*/ .zfea table { width:100%; margin-top:20px; } table.table_list tr th, table.table_list tr td, .zfea_form_grouping table tr th, .zfea_form_grouping table tr td { padding:10px; } table.table_list tr th, .zfea_form_grouping table tr th { line-height:18px; } table.table_list tr td, .zfea_form_grouping table tr td { vertical-align:top; } table.table_list tr th:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } table.table_list tr th:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .zfea_form_grouping table tr th:first-child { border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; } .zfea_form_grouping table tr th:last-child { border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0; } .zfea table th.sorted_buttons a { white-space:nowrap; } table tr td[colspan="100%"], table tr td.no_items_message:last-child { text-align:center !important; } .zfea_form_grouping table tr th label + button { margin-left: 15px; } /* Other tables styles color --------------------------------------------------------------------------------------------------*/ .zfea table.table_grid tr th, .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr th, .zenario_users_fea .zfea .zfea_form_row tr td { border:2px solid #FFF; } .zfea table.table_grid tr th, .zenario_users_fea .zfea .zfea_form_row tr th { background:#777b90; color:#FFF; } .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr td { background:#d2d3da; } .zenario_company_locations_fea table tr td, .zenario_company_listing_fea table tr td, .zenario_company_location_listing_fea table tr td, .zenario_location_fea table tr td, .zenario_company_users_fea table tr td { background:#d9dadb; } table tr td div.col_child_value label { color:#333; } /* Tables rows --------------------------------------------------------------------------------------------------*/ .zenario_company_locations_fea table, .zenario_company_listing_fea table, .zenario_company_location_listing_fea table, .zenario_location_fea table { border-collapse: separate; border-spacing: 0 15px; } .zenario_company_locations_fea table tr td, .zenario_company_listing_fea table tr td, .zenario_company_location_listing_fea table tr td, .zenario_location_fea table tr td, .zenario_company_users_fea table tr td { padding:9px; } .zenario_company_locations_fea table tr td:first-child, .zenario_company_listing_fea table tr td:first-child, .zenario_company_location_listing_fea table tr td:first-child, .zenario_location_fea table tr td:first-child, .zenario_company_users_fea table tr td:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } .zenario_company_locations_fea table tr td:last-child, .zenario_company_listing_fea table tr td:last-child, .zenario_company_location_listing_fea table tr td:last-child, .zenario_location_fea table tr td:last-child, .zenario_company_users_fea table tr td:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .zfea .zfea_form_row table { margin-top:0 } .zfea table.table_grid tr th, .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr th, .zenario_users_fea .zfea .zfea_form_row tr td { padding:10px; } .zfea table.table_grid tr th:first-child { border-radius:0; -webkit-border-radius:0; } table tr td div.col_value, table tr td div.col_child_value { width:100%; padding-right:0; float:none; } table tr td div.col_child_value { padding-top:5px; font-size:0.938em; } table tr td div.col_value.col_value_for__most_recent_value, table tr td div.col_child_value.col_value_for__as_of { width:auto; padding-right:0; float:none; } table tr td div.col_child_value.col_value_for__as_of { margin-top:3px; } /* Common styles Zfea Search form and table position --------------------------------------------------------------------------------------------------*/ .zenario_company_locations_fea .zfea_zenario_list_companies form, .zenario_company_location_listing_fea .zfea_zenario_list_locations form, .zenario_company_location_listing_fea .zfea_zenario_edit_user form, .zenario_company_listing_fea .zfea_zenario_list_companies form, .zenario_location_fea .zfea_zenario_list_locations form, .zenario_location_fea .zfea_zenario_edit_user form { position:absolute; z-index:2; display:inline; } .zenario_company_location_listing_fea form { width:calc(100% - 145px); } .zenario_company_locations_fea .zfea_zenario_list_companies table, .zenario_company_location_listing_fea .zfea_zenario_list_locations table, .zenario_company_location_listing_fea .zfea_zenario_edit_user table, .zenario_location_fea .zfea_zenario_list_locations table, .zenario_location_fea .zfea_zenario_edit_user table, .zenario_company_listing_fea .zfea_zenario_list_companies table { position:relative; z-index:1; top:-14px; margin-top:0; } .zenario_company_listing_fea .zfea_zenario_list_companies table { top:0; } .panel_reset_position .zfea_zenario_list_companies form, .panel_reset_position .zfea_zenario_list_locations form { position:static; top:0; } .zfea_zenario_list_companies .zfea_table_wrap { margin-top:20px; } .zenario_company_location_listing_fea .company_details { padding-bottom:10px; } .zenario_company_location_listing_fea .company_details p { margin-bottom:0; } /* Locations --------------------------------------------------------------------------------------------------*/ .zenario_location_fea h2, .zenario_location_fea form, .zenario_location_fea table { padding-left:10px; padding-right:10px; } .zenario_location_fea .zfea_zenario_list_locations, .zenario_location_fea .zfea_zenario_map_locations { position:relative; } .zenario_location_fea .search_form input[type="text"] { width:280px; } .no_locations_message { position:absolute; top:45%; right:0; left:0; z-index:99; text-align:center; } .no_locations_message p { display:inline-block; width:auto; } /* Company locations listings --------------------------------------------------------------------------------------------------*/ .zenario_company_listing_fea .company .top_buttons, .zenario_company_location_listing_fea .company .top_buttons { right:0; } .zenario_company_locations_fea table tr td:nth-child(1), .zenario_company_listing_fea table tr td:nth-child(1) { padding-left:15px; } .zenario_company_locations_fea table tr th:nth-child(1), .zenario_company_locations_fea table tr th:nth-child(2) { font-size:0; line-height:0; text-indent:-999; } .zenario_company_locations_fea .company_section { overflow:hidden; padding-bottom:10px; } .zenario_company_locations_fea .company_section .label { width:75px; float:left; } .zenario_company_locations_fea .company_section .details { overflow:hidden; } .zenario_company_locations_fea .company_section .details p { margin-bottom:2px; } .Slot_Side_1 .zenario_company_listing_fea .company { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #FFF; } /* Company users --------------------------------------------------------------------------------------------------*/ .zenario_company_users_fea table { border-collapse: separate; border-spacing: 0 10px; margin-top:0; } .zenario_company_users_fea table tr th:nth-child(1) { font-size:1.250em; } .zenario_company_users_fea table tr td:nth-child(1) { padding-left:40px; background-repeat:no-repeat; background-position:10px center; background-size:17px 18px } .zenario_company_users_fea .zfea_zenario_list_users table.table_list tr th { margin-bottom: 10px; padding-bottom: 10px; } /* Common styles, forms --------------------------------------------------------------------------------------------------*/ .zfea_form_row { padding-bottom:10px; position:relative; } .zfea_form_row > div { padding-bottom:5px; } .zfea_form_row label { display:inline-block; padding-bottom:3px; } .zfea_form_row__submit { text-align:center; } .zfea textarea { width:80%; } .title_with_icons { position:relative; } .zenario_skin .title_with_icons h1 { min-height:20px; border:0; margin-bottom:0; padding-bottom:10px; } .title_main_icons { position:relative; padding-left:30px; border-bottom-width:5px; border-bottom-style:solid; padding-bottom:10px; } .title_main_icons .asset_icon, .title_main_icons .data_pool_icon, .title_main_icons .location_icon { width:25px; height:25px; } .title_main_icons .asset_icon, .title_main_icons .data_pool_icon, .title_main_icons .location_icon, .title_main_icons .thumbnail { position:absolute; left:0; top:2px; } .title_main_icons .thumbnail img { max-width:24px !important; height:auto !important; } .zfea .indent_form { padding-left:10%; } .zfea .form .form_field { padding:10px 0; } .zfea .form .form_field_date { overflow:hidden; } .zfea .form .form_field_date label, .zfea .form .form_field_date input, .zfea .form .form_field_date img { display:inline-block; float:left; } .zfea .form .form_field_date label { line-height:30px; margin-right:8px; } .zfea .form .form_field_date input { margin-right:10px; } .zfea .form .form_field_date input.small_field { width:110px; } .zfea_form_note_below { clear:both; display:block; margin-bottom:8px; padding:3px 8px; font-size:0.813em; line-height:18px; font-style:italic; } .zfea_form_row__submit .zfea_form_note_below { margin-top:10px; } /* Common styles, date picker --------------------------------------------------------------------------------------------------*/ .form_date_picker { overflow:hidden; } .form_date_picker label, .form_date_picker span, .form_date_picker .label { display:inline-block; height:34px; line-height:34px; } .form_date_picker select { height:32px; } .form_date_picker label, .form_date_picker select, .form_date_picker div, .form_date_picker input, .form_date_picker span { clear:none !important; margin-bottom:10px; } .form_date_picker div input, .form_date_picker div span { margin-bottom:0; } .form_date_picker label, .form_date_picker select, .form_date_picker div, .form_date_picker input, .form_date_picker span { float:left; margin-right:5px; } .form_date_picker span.title { font-weight:600; } .form_date_picker select[name="ts_format"] { max-width:325px; } .form_date_picker select[name="format"] { max-width:100px; } .form_date_picker .form_date_picker_button { float:none; clear:both !important; overflow:hidden; padding-top:10px; text-align:center; } .form_date_picker .form_date_picker_button input { float:none; } /* Common styles Zfea, new row --------------------------------------------------------------------------------------------------*/ .zfea_new_row { animation: zfea_new_row 3s; -webkit-animation: zfea_new_row 3s; } @keyframes zfea_new_row { 0% {background: #F6F6F6;} 50% {background: #f5e687;} 100% {background: #F6F6F6;} } @-webkit-keyframes zfea_new_row { 0% {background: #F6F6F6;} 50% {background: #f5e687;} 100% {background: #F6F6F6;} } /* Common styles Zfea, various --------------------------------------------------------------------------------------------------*/ .no_locations { padding-left:22px; } .button_panel { text-align:right; } .zenario_skin .warning_icon, .no_locations { display:inline-block; background:url('..//styles/fea/images/aw/icon-warning-triangle.svg') no-repeat left center / 17px 15px; } .zenario_skin .warning_icon { width:17px; height:17px; margin-right:3px; } /* Form grouping --------------------------------------------------------------------------------------------------*/ .zfea_form_grouping, .zfea_form_row__add_action { position:relative; padding:15px; } .zfea_form_grouping { margin-bottom:15px; } .zfea_form_row__add_action { margin-left:0; margin-right:0; } .zfea_form_grouping .zfea_form_row { position:unset; padding-top:10px; padding-bottom:0; } .zfea_form_grouping .zfea_form_row.zfea_form_indent_level { padding-top:2px; } .zfea_form_grouping table tr td input, .zfea_form_grouping table tr td select { margin-bottom:8px; } .zfea_form_grouping label.label_num { position:absolute; left:0; top:15px; font-size:12px; height:24px; line-height:24px; padding:0 0 0 8px; } .zfea_form_grouping label.label_num:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 12px; margin-top: -12px; } /****************************************************************************************/ .zenario_plugin_nest.nest_zfea .zenario_slot { padding-bottom:20px; position:relative; } .zenario_plugin_nest .zenario_breadcrumbs { clear:both; } .zenario_plugin_nest .zenario_breadcrumbs:before, .zenario_plugin_nest .zenario_breadcrumbs:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_plugin_nest .zenario_breadcrumbs:after { clear: both; } .zfea_form_row { padding-bottom:10px; overflow:hidden; clear:both; } .zfea_form_row .zfea_form_note_below { margin-top:10px; } .zfea_form_row.zfea_row_for_password { overflow:initial; } .zfea_form_row.zfea_row_for_password .zenario_visitor_tooltip_wrap { max-width:900px; } .zfea_form_row.zfea_form_indent_level_1 { margin-left:30px; } .zfea_form_row.zfea_form_indent_level_2 { margin-left:50px; } .zfea_form_row.zfea_form_indent_level_3 { margin-left:70px; } .zfea_form_row.zfea_form_indent_level_4 { margin-left:90px; } .zfea_form_row.zfea_form_indent_level_5 { margin-left:110px; } #row__submit { margin-top:20px; } .zfea_form_row__submit { text-align:center; } .title_with_icons { position:relative; border-bottom:6px solid #d9dadb; margin-bottom:15px; } .title_with_icons:before, .title_with_icons:after { content: '.'; } .title_with_icons:before, .title_with_icons:after { width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .title_with_icons:after { clear: both; } .zenario_skin .title_with_icons h1 { min-height:20px; border:0; margin-bottom:0; padding-bottom:5px; } .title_with_icons h1, .title_with_icons h2, .title_with_icons h3 { display:inline-block; float:left; } .title_with_icons p { float:none; clear:left; } .title_main_icons { position:relative; border-bottom-width:5px; border-bottom-style:solid; padding-bottom:10px; } .title_subheading_icons { border-bottom-width:3px; } .zfea .zfea_top_buttons, .title_with_icons .top_buttons { float:right; text-align:right; position:relative; z-index:2; } .zfea .zfea_top_buttons a, .zfea .zfea_top_buttons input, .top_buttons a { float:left; margin-left:8px; } .zenario_skin .zenario_copy { display: inline-block; background: url('..//styles/fea/../../admin/images/icon-copy.svg') no-repeat; width: 14px; height: 16px; cursor: pointer; } .zenario_skin span.zenario_copy { display: inline-block; padding-left: 3px; background-position: right center; } /* Field date --------------------------------------------------------------------------------------------------*/ .zenario_skin input[readonly].zenario_datepicker { width:150px; background:transparent; } .zenario_skin .zenario_field_widget_wrap { overflow:hidden; margin-right:10px; } .zenario_skin .zenario_field_widget_wrap .zenario_datepicker, .zenario_skin .zenario_field_widget_wrap .zenario_remove_val { float:left; } .zenario_skin .zenario_field_widget_wrap .zenario_datepicker { margin-right:4px; } .zenario_skin .zenario_field_widget_wrap .zenario_remove_val { margin-top:4px; border:0 !important; background:#ccc !important; color:#555 !important; width:20px !important; height:20px !important; min-width:inherit; padding:0 0 3px 0; text-align:center; -webkit-border-radius:50%; border-radius:50%; margin-left:3px; font-size:13px; font-family:arial; font-weight:bold; } /* Tables --------------------------------------------------------------------------------------------------*/ table.table_list { border-collapse: collapse; width: 100%; margin: 10px; margin: 1.0rem 0; } table.table_list tr th { background:#333; color:#fff; } table.table_list th, table.table_list td { font-size: 1em; line-height: 22px; padding:10px 8px; } table.table_list tr th:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } table.table_list tr th:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } table.table_list tr td { border-bottom:1px solid #ccc; } table.table_list tr .sorted_buttons { text-align:right; } table.table_list tr.alarm_ended, table.table_list tr.node_deactivated { background:#F3F3F3; } .zfea_with_dev_tools .zfea_buttons_above_list { margin-right: 20px; } .zfea_with_tslink .zfea_buttons_above_list { margin-right: 30px; } /* Block list like block --------------------------------------------------------------------------------------------------*/ .zfea_blocks .sorted_buttons { display:block; width:100%; } .zfea_blocks .zfea_block_list_wrap { padding-bottom:10px; } .zfea_blocks .zfea_block_list_wrap .zfea_block { position:relative; overflow:hidden; float:left; width:calc(31% - 34px); margin:20px 1% 0; padding:15px; border:2px solid #ccc; -webkit-border-radius: 10px; border-radius: 10px; } .zfea_blocks .zfea_block_list_wrap .zfea_block:before, .zfea_blocks .zfea_block_list_wrap .zfea_block:after, .zfea_blocks .zfea_block_list_wrap:before, .zfea_blocks .zfea_block_list_wrap:after, .zfea_blocks .zfea_block_list_wrap_inner:before, .zfea_blocks .zfea_block_list_wrap_inner:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_blocks .zfea_block_list_wrap:after, .zfea_blocks .zfea_block_list_wrap_inner:after, .zfea_blocks .zfea_block_list_wrap .zfea_block:after { clear: both; } .zfea_blocks .zfea_block_list_wrap .zfea_block.clickable { cursor:pointer; } .zfea_blocks .zfea_block_list_wrap .zfea_block > svg { position:absolute; left:0; right:0; bottom:0; z-index:1; } .zfea_blocks .zfea_block_list_wrap .zfea_block p, .zfea_blocks .zfea_block_list_wrap .zfea_block > div { position:relative; z-index:2; margin:0 0 3px; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_image_id img, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_image_id img { max-width:22px !important; max-height:22px !important; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_asset_name, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_asset_name { font-size:18px; font-weight:600; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_hierarchy_breadcrumbs, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_hierarchy_breadcrumbs { font-size:12px; line-height:1.5em; } .zfea_blocks .zfea_block_list_wrap .zfea_block > div.wrap_div { font-size:1em; font-weight:normal; } .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_top { position:relative; z-index:3; text-align:center; clear:both; padding:0 8px; } .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_top a { margin:2px auto; } .zfea_blocks .sorted_buttons, .zfea_blocks .search_form { float:none; display:block; } .zfea_blocks .sorted_buttons { text-align:right; } .zfea_blocks .search_form { width:auto; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 34px - 2%); } .zfea_blocks.zfea_1_block .zfea_block_list_wrap .zfea_block { width:88% !important; float:right; margin:0; } .zfea_blocks.zfea_1_block .column_schema_name { padding-bottom:5px; } /* Block list like block --------------------------------------------------------------------------------------------------*/ .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap { overflow:hidden; clear:both; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id img { float:left; margin-right:20px; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block { overflow: hidden; padding: 15px; border-bottom: 2px solid #ccc; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p { margin-bottom: 0; padding-bottom: 0; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p:before, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p:before { content: attr(data-label); font-weight:600; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p.column_product_display_name:before, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p.column_name:before { content: ''; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block .block_buttons_top, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block .block_buttons_top { padding-top:5px; } /* Block list like table --------------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table .zfea_block_list_wrap { margin-top:20px; border-top:1px solid #ccc; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block { padding:10px 0; border-bottom:1px solid #ccc; height:auto !important; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:after, .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:before { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:after { clear: both; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { text-align:right; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_no_items_message { padding:10px; text-align:center; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block p, .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { padding:0 8px; width:calc(24% - 16px); float:left; margin-bottom:0; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { width:280px; } /* Block list like table Cell width for zfea_zenario_list_orders ----------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id { width:70px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_amount { width:100px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status { width:150px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_items { width:calc((100% - 86px - 232px - 166px - 296px) - 16px); } /* Block list like table Cell width for zfea_zenario_list_order_line_items ----------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_ord, .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_qty { width:70px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_amount, .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_price_per_item { width:100px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_status { width:150px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block div.buttons { width:140px; } .zfea_block_list_like_table.zfea_block_list_like_table .zfea_block_list_wrap .zfea_block p.column_product_name { width:calc((100% - 86px - 116px - 86px - 116px - 166px - 156px) - 16px); } /* Pinned item --------------------------------------------------------------------------------------------------*/ .zfea_blocks .zfea_block_list_wrap .zfea_block > div.column_thumbnail_id, .zfea_table_wrap .zfea_row .col_value_for__thumbnail_id { position:relative; } .zfea_blocks .zfea_block_list_wrap .zfea_block > div.column_thumbnail_id img, .zfea_table_wrap .zfea_row .col_value_for__thumbnail_id img { position:relative; z-index:1; } .zfea_blocks .zfea_block_list_wrap .zfea_block.pinned > div.column_thumbnail_id:before, .zfea_table_wrap .zfea_row.pinned .col_value_for__thumbnail_id:before { font-family: "FontAwesome"; font-size:14px; content: "\f08d"; padding-right: 5px; position:absolute; z-index:2; top:5px; left:5px; width: 24px; height: 24px; text-align: center; line-height: 24px; padding: 0; background:rgba(0,0,0,0.7); color:#FFF; border-radius: 50%; -webkit-border-radius: 50%; } /* Placeholder styles for sortable lists --------------------------------------------------------------------------------------------------*/ table.table_list tr th.zfea_col_sortable, table.table_list tr th.zfea_col_sorted { background-repeat:no-repeat; background-position:right center; } table.table_list tr th.zfea_col_sortable { background-image:url('..//styles/fea/../../admin/images/icon-arrows-sort-white.svg'); background-size:17px 11px; cursor: pointer; } table.table_list tr th.zfea_col_sorted { background-image:url('..//styles/fea/../../admin/images/icon-arrow-triangle-up-green.svg'); background-size:17px 10px; } table.table_list tr th.zfea_col_sortable.zfea_col_will_sort_desc, table.table_list tr th.zfea_col_sorted.zfea_col_sorted_desc { background-image:url('..//styles/fea/../../admin/images/icon-arrow-triangle-down-green.svg'); background-size:17px 10px; background-repeat:no-repeat; background-position: right center; padding-right:25px; } table.table_list tr th.zfea_col_sorted { color:#FFFFBF; } .zenario_skin select.zfea_list_sort { width:auto; } /* Zfea form --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="text"], .zenario_skin input[type="password"], .zenario_skin input[type="email"], .zenario_skin textarea { width:90%; } .zenario_skin input[type="text"].input_small, .zenario_skin input[type="password"].input_small, .zenario_skin input[type="email"].input_small, .zenario_skin input[type="search"].input_small, .zenario_skin textarea.input_small { width:100px; } /* Zfea Search form --------------------------------------------------------------------------------------------------*/ .zenario_skin .zfea .search_form { overflow:hidden; } .zenario_skin .zfea .search_form, .zenario_skin .zfea .search_form input { height:41px; line-height:1em; } .zenario_skin .zfea .search_form input { float:left; border:0; -webkit-border-radius: 0; border-radius: 0; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { max-width:800px; padding:0 0 0 15px; line-height:36px; outline: none; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .zenario_skin .zfea .search_form input[type="submit"] { display:inline-block; min-width:40px; padding:0; cursor:pointer; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .zenario_skin .zfea .search_form input[type="button"] { min-width:25px; height: 41px; padding: 0; border: 0; cursor: pointer; display: inline-block; -webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s; white-space: nowrap; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term, .zenario_skin .zfea .search_form input[type="submit"] { border:2px #ccc solid; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { border-right:0; } .zenario_skin .zfea .search_form input[type="submit"] { border-left:0; } .zenario_skin .zfea .search_form input[type="button"] { background-color:transparent; color:#CCC; } .zenario_skin .zfea .search_form input[type="submit"], .zenario_skin .zfea .search_form input[type="button"] { font-family: 'FontAwesome'; font-size:20px; } .zenario_skin .zfea .search_form .clear_search { position:relative; margin-left:-65px; } .zenario_skin .zfea .search_form input[type="submit"]:hover { opacity:1; } /* Edit box --------------------------------------------------------------------------------------------------*/ .zfea_edit_box { overflow:hidden; padding:20px; border:2px solid #ccc; } /* View user --------------------------------------------------------------------------------------------------*/ .zfea_zenario_view_user { position:relative; } .zenario_users_fea .zfea_zenario_view_user .zfea_form_row { padding-bottom:0; } .zenario_users_fea .zfea_form_row .title label, .zenario_users_fea .zfea_form_row table label { width:auto; height:auto; line-height:24px; background:transparent; border:0; padding:0 0 5px; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_row { overflow:hidden; margin-bottom:5px; } .zenario_users_fea .zfea_zenario_view_user form div > .zfea_form_row .zfea_row_fields .title { width:200px; font-weight:600; float:left; } .zenario_users_fea .zfea_zenario_view_user form div > .zfea_form_row .zfea_row_fields div:nth-child(2) { width:calc(100% - 210px); float:left; margin-left:10px; } .zenario_users_fea form .zfea_form_grouping { overflow:hidden; margin:15px 0; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row { width:12%; float:left; margin-right:2.2%; clear:none; max-width:110px; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row:first-child { max-width:125px; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row .zfea_row_fields .title { text-align:center; } .zenario_users_fea form .zfea_form_grouping > div:first-child .zfea_row_fields > .title { padding-left:25px; } .zenario_users_fea form .zfea_form_grouping > div:first-child .zfea_row_fields span.row_identifier { display:inline-block; width:20px; font-weight:bold; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping .zfea_form_row .zfea_row_fields .title label { font-weight:bold; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping .zfea_form_row .zfea_row_fields span[id*="span__custom_field"] { display:inline-block; border:1px solid #aaa; color:#aaa; width:calc(100% - 12px); height:30px; line-height:30px; padding:0 5px; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping > div:first-child .zfea_row_fields span[id*="span__custom_field"] { width:calc(100% - 32px); } /* Grouping fields --------------------------------------------------------------------------------------------------*/ .zfea_form_grouping:after, .zfea_form_grouping:before { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_form_grouping:after { clear: both; } .zfea_form_grouping.row_form_wrap { padding-top:10px; line-height:1.5em; } .desktop .zfea_form_grouping.row_form_wrap.with_salutation #row__salutation { width:13%; } .desktop .zfea_form_grouping.row_form_wrap.with_salutation #row__first_name { width:33%; } .zfea_form_grouping.row_form_wrap .zfea_form_row .title { padding-bottom:0; } .zenario_skin .zfea_form_grouping.row_form_wrap select { width:100%; } .zenario_skin .zfea_form_grouping.row_form_wrap input[type="text"], .zenario_skin .zfea_form_grouping.row_form_wrap input[type="password"], .zenario_skin .zfea_form_grouping.row_form_wrap input[type="email"], .zenario_skin .zfea_form_grouping.row_form_wrap textarea { width:calc(100% - 22px); } .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="text"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="password"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="email"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error textarea { width:calc(100% - 26px); } /* List users --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_users { position:relative; } .zfea_zenario_list_users > h2 { padding-right:100px; } .zfea_zenario_list_users .zfea_button.export { position:absolute; top:4px; right:0; } /* List papers --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_papers .papers_wrap { overflow:hidden; } .zfea_zenario_list_papers .papers_wrap .paper { position:relative; float:none; width:100%; height:auto !important; margin:15px 0 30px; padding:0 0 15px; border-bottom:1px solid #ddd; } .zfea_zenario_list_papers .papers_wrap .paper h4 { margin-bottom:0; cursor:pointer; } .zfea_zenario_list_papers .papers_wrap .paper p.authors { line-height:1.2em; } .zfea_zenario_list_papers .papers_wrap .paper .short_abstract { position:relative; z-index:1; overflow:hidden; max-height:50px; padding-bottom:15px; } .zfea_zenario_list_papers .papers_wrap .paper .fade_layer { position:absolute; z-index:2; bottom:0; left:0; width:100%; height:50px; display:block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .zfea_zenario_list_papers .papers_wrap .paper .buttons { text-align:left; } .zfea_zenario_list_papers .papers_wrap .paper .buttons a { width:50px; } /* order number feature*/ .zfea_zenario_list_papers .papers_wrap { clear:both; } .zfea_zenario_list_papers .papers_wrap .paper { padding-bottom:20px; position:relative; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal { display:inline-block; width: 30px; height: 30px; float:left; margin-right:15px; text-align: center; border-radius: 50%; line-height: 30px; background: rgba(0,0,0,0.2); color:#333; cursor:default; } .zfea_zenario_list_papers .papers_wrap .paper .paper_details { overflow:hidden; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal span.tooltip { display:inline-block; font-size: 11px; line-height:1.2em; padding:6px 8px; background:#323232; color:#fff; opacity:1; border:0; -webkit-border-radius: 5px; border-radius: 5px; width:100px; position:absolute; z-index:9; top:34px; left:0; opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal span.tooltip:after { bottom: 100%; left: 15px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(51, 51, 51, 0); border-bottom-color: #333333; border-width: 4px; margin-left: -4px; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal:hover span.tooltip { opacity:1; visibility:visible; } .zfea_zenario_list_papers .papers_wrap .paper .buttons a { width:auto; min-width:50px; } /* Seminar edit order number --------------------------------------------------------------------------------------------------*/ .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields { overflow:hidden; border-top:1px solid #333; padding:17px 0 0 0; } .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields > div { width:80px; float:left; } .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields > div.title { width:calc(100% - 80px); float:right; } /* Conference --------------------------------------------------------------------------------------------------*/ .zenario_conference_fea .documents { overflow:hidden; padding:15px; background:#f0f0f0; } .zenario_conference_fea .documents div.thumbnail { margin-bottom:15px; text-align:center; } .zenario_conference_fea .documents div.thumbnail img { border:1px solid #ccc; margin:auto; } .zenario_conference_fea .documents label { overflow:hidden; padding-top:4px; } .zenario_conference_fea .documents label a { display:block; padding-bottom:3px; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list tr th { white-space: nowrap; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .col_value_for__document_count { text-align:left; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .sorted_buttons { width:auto; white-space:nowrap; } .zenario_conference_fea .title_subheading_icons { clear:both; float:none; } .zenario_conference_fea:before, .zenario_conference_fea:after { content: '.'; } .zenario_conference_fea:before, .zenario_conference_fea:after { width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_conference_fea:after { clear: both; } .zenario_conference_fea .details { width:74%; float:left; } .zenario_conference_fea .documents_info { width:22.5%; float:right; } .zenario_conference_fea .details p { margin-bottom:20px; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .sorted_buttons.multi_select_buttons { position:relative; width:275px; background:#fbf290; } .zenario_conference_fea .zfea_zenario_list_abstracts table tr td.sorted_buttons.multi_select_buttons > div { position:absolute; top:-10px; left:0; right:0; text-align:center; } /* Storefront products --------------------------------------------------------------------------------------------------*/ .zenario_storefront_products_fea .price_info { overflow:hidden; margin-bottom:10px; padding:15px; background:#f0f0f0; } .zenario_storefront_products_fea .price_info .price_info_details { width:45%; float:left; } .zenario_storefront_products_fea .price_info_links { width:45%; float:right; text-align:right; } .zenario_storefront_products_fea .price_info p { margin-bottom:0; padding-bottom:0; } .zenario_storefront_products_fea .price_info p span { font-weight:600; } .zenario_storefront_products_fea .price_info p.storefront_document_in_basket { display:inline-block; height: 27px; padding: 0 12px; background:#DFDFDF; color:#AAA; -webkit-border-radius: 4px; border-radius: 4px; cursor:default; } .zenario_storefront_products_fea .price_info p.storefront_document_in_basket, .zenario_storefront_products_fea .price_info p.view_basket { font-size: 13px; } .zenario_storefront_products_fea .price_info p.view_basket a { display:inline-block; line-height:27px; padding:0 12px; } .zenario_storefront_products_fea .price_info_links form { padding-bottom:3px; } /* Storefront physical products --------------------------------------------------------------------------------------------------*/ .zenario_storefront_physical_products_fea { overflow:hidden; } .zenario_storefront_physical_products_fea img { float:left; margin-right:20px; } .zenario_storefront_physical_products_fea .price_info, .zenario_storefront_physical_products_fea .price_details { overflow:hidden; } .zenario_storefront_physical_products_fea .price_info { overflow: hidden; margin-bottom: 10px; padding: 15px; background: #f0f0f0; } .zenario_storefront_physical_products_fea .price_info p { margin:0; } .zenario_storefront_physical_products_fea .price_info .price_info_details { width: 45%; float: left; } .zenario_storefront_physical_products_fea .price_info .price_info_details p span { font-weight: 600; } .zenario_storefront_physical_products_fea .price_info .price_info_links { width: 45%; float: right; text-align: right; } .zenario_storefront_physical_products_fea .zfea_zenario_list_products table .sorted_buttons { width:205px; } /* Videos --------------------------------------------------------------------------------------------------*/ .zenario_videos_fea .view_toggle_wrap { overflow:hidden; margin-bottom:15px; text-align:right; } .zenario_videos_fea .view_toggle_wrap > div { display:inline-block; width:26px; height:26px; margin-left:3px; text-align:center; background:#777; color:#FFF; text-indent:-99; font-size:0; line-height:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } .zenario_videos_fea .view_toggle_wrap > div:before { font-family: 'FontAwesome'; text-indent:0; font-size:16px; line-height:26px; content: "\f0ca"; } .zenario_videos_fea .view_toggle_wrap > div:first-child:before { content: "\f009"; } .zenario_videos_fea .view_toggle_wrap > div.on { background:#000; } .zenario_videos_fea .view_toggle_wrap > div:not(.on):hover { opacity:0.85; } /* Block */ .zenario_videos_fea .zfea_block { overflow:hidden; padding:15px; margin-bottom:15px; } .zenario_videos_fea .zfea_block div.column_image a { overflow:hidden; display:block; } .zenario_videos_fea .zfea_block div.column_image a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_videos_fea .zfea_block div.column_image a:hover img { opacity:0.85; } .zenario_videos_fea .zfea_block .buttons { overflow:hidden; } .zenario_videos_fea .zfea_block .buttons a:before { font-family: 'FontAwesome'; content: "\f03d"; padding-right:4px; } /* List view */ .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block { width:calc(100% - 40px); padding:20px; margin-left:0; margin-right:0; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div.column_image { float:left; padding-right:2%; } body.mobile .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div.column_image { width:28%; padding-right:2%; float:left; } body.mobile .zenario_videos_fea .zfea_block_list_like_table.zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 40px); } body.mobile .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div { width:calc(70%); float:right; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { text-align:left; padding:10px 0; } /* Grid view */ body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block { padding-bottom:40px; position:relative; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block { float:left; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block { width:calc(32% - 30px); margin:0 0 20px; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block:nth-child(3n+2) { margin-left:2%; margin-right:2%; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { position: absolute; bottom: 15px; left: 0; right: 0; margin:auto; } .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { text-align:center; } .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { padding-bottom:8px; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a { text-align:center; position:relative; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a img { margin:auto; position:relative; z-index:1; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { font-family:"FontAwesome"; content: "\f01d"; position:absolute; z-index:90; left:0; right:0; top:0; bottom:0; margin:auto; text-align:center; width:100px; height:100px; font-size:100px; line-height:100px; opacity:0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:hover:after { opacity:0.8; } body.mobile .zfea_block_like_block .zfea_block_list_wrap .zfea_block > div.buttons { width:calc(100%); float:none; text-align:center; } body.mobile .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { padding:15px 0 0; } /* List view and block view */ .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block, .zenario_videos_fea .zfea_block_like_block .zfea_block { border:0; -webkit-border-radius: 0; border-radius: 0; background:#efefef; } .zenario_videos_fea .zfea_block .column_title { font-size: 1.1em; font-weight:600; } .zenario_videos_fea .zfea_block .column_description { font-size:0.875em; margin-bottom:5px; } .zenario_videos_fea .zfea_block .column_date { font-size:0.75em; font-style:italic; } /* View video */ .zenario_videos_fea .view_video { max-width:1024px; margin:auto; } .zenario_videos_fea .view_video .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin:15px auto; } .zenario_videos_fea .view_video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .zenario_videos_fea .view_video .description { padding:15px 0; line-height:1.4em; } .zenario_videos_fea .view_video p.date { font-size:0.75em; font-style:italic; } /* Search buttons, filters buttons --------------------------------------------------------------------------------------------------*/ .zfea_search_buttons { width:auto; display:inline-block; float:right; text-align:right; padding:8px 8px 8px 10px; background-repeat:no-repeat; background-position:8px center; -webkit-border-radius: 4px; border-radius: 4px; } .zfea_search_buttons:before { font-family: 'FontAwesome'; content: "\f0b0"; padding:2px 5px 0 0; font-size:16px; float:left; } .zfea_search_buttons a { float:left; margin-left:4px; height:23px; line-height:23px; padding:0 8px; } .zfea_search_buttons a.zfea_button.fea_filter { -webkit-border-radius: 4px; border-radius: 4px; } .zfea_search_buttons { background-color:#cdcdcd; } .zfea_search_buttons a.zfea_button.fea_filter { background:#888; border:1px solid #888; color:#fff; } .zfea_search_buttons a.zfea_button.fea_filter_on { background:#333; color:#fff; } .zfea_search_buttons a.zfea_button.fea_filter_on:hover { opacity:1; } body.mobile .zfea_search_buttons { margin-bottom:10px; float:none; } /* Tokenize --------------------------------------------------------------------------------------------------*/ .zenario_skin div.Tokenize ul, .zenario_skin div.Tokenize ul li { padding:0; margin:0; list-style:none; position: relative; } .zenario_skin div.Tokenize { width:100%; max-width:480px; min-height:30px; -webkit-border-radius: 4px; border-radius: 4px; } .zenario_skin .Tokenize .TokensContainer { width: 380px; width:calc(100% - 6px); height: auto; overflow-y: hidden; padding:2px; } .zenario_skin .zfea_row_input_button { float: left; } .zenario_skin div.Tokenize ul.TokensContainer li.Token { width:calc(100% - 12px); height: auto; margin:0; } .zenario_skin div.Tokenize ul.TokensContainer li { white-space:nowrap; } .zenario_skin div.Tokenize ul.TokensContainer li.Token { overflow:hidden; line-height: 18px; padding: 0 5px; clear:both; margin-bottom:2px; } .zenario_skin div.Tokenize.OnlyOne ul.TokensContainer li.Token { margin-bottom:0; } .zenario_skin div.Tokenize ul.TokensContainer li.Token, .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch { float:left; } .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch { margin:0; } .zenario_skin div.Tokenize.OnlyOne ul.TokensContainer li.TokenSearch input[disabled] { display:none; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close { cursor: pointer; float: right; font-size: 16px !important; line-height: 18px; margin:0 2px 0 3px !important; padding: 0; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close, .zenario_skin div.Tokenize ul.TokensContainer li.Token span { height:auto; min-height:22px; line-height:22px !important; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close:hover { text-decoration:none; } .zenario_skin div.TokenizeMeasure, .zenario_skin div.Tokenize ul li span, .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch input { font-size: 12px; } .zenario_skin div.Tokenize ul.TokensContainer li.Token span.zfea_picked_file_wrapper img { margin-top:2px; } .zenario_skin div.Tokenize.Disabled ul.TokensContainer li.Token { background:#EFEFEF; border:1px solid #ccc; } .zenario_skin div.Tokenize ul.TokensContainer li.Token > div { width:calc(100% - 15px); overflow:hidden; } .zenario_skin div.Tokenize ul.TokensContainer, .zenario_skin div.Tokenize ul.Dropdown { border:0; margin:1px; } .zenario_skin div.Tokenize .zfea_picked_file_wrapper { float:left; min-width:20px; padding-right:0.5em; } /*.zenario_skin .Tokenize .TokensContainer .Placeholder { opacity: 1; line-height:22px; padding:0 0 0 5px; color:#999; position:relative; }*/ /*.zenario_skin .Tokenize.OnlyOne .TokensContainer { position:relative; }*/ .zenario_skin .Tokenize .TokensContainer .Placeholder { padding-left: 5px; opacity: .9; } .zenario_skin .Tokenize.OnlyOne .TokensContainer { min-height: 30px; } .zenario_skin .Tokenize.OnlyOne .TokenSearch { position:absolute; } .zenario_skin .Tokenize.OnlyOne .TokenSearch, .zenario_skin .Tokenize.OnlyOne .TokenSearch input { height:30px; line-height:30px; font-size:1em; } .zenario_skin .Tokenize.OnlyOne .TokenSearch input { padding:0 5px; } .zenario_skin div.Tokenize ul.Dropdown li.Hover { background:#ccc !important; color:#555 !important; } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer .Token { width:calc(100% - 47px); } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer li.Token { position:relative; padding-right:40px; background-image:url('..//styles/fea/images/icon-drag-vertical-dark.svg'); background-repeat:no-repeat; background-position:right center; background-size:auto 14px; } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer li.Token a.Close { position:absolute; right:0; } /* Tokenize buttons --------------------------------------------------------------------------------------------------*/ .zfea_form_row.zfea_form_row__image_id { overflow:hidden; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id { display:inline-block; float:left; min-height:30px; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id div.Tokenize { width:472px; float:left; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id .TokenSearch { display:none; } .zfea_form_row.zfea_form_row__image_id .launch_keeper { margin-left:10px; } /* Progress --------------------------------------------------------------------------------------------------*/ #zenario_progress_wrap { background: rgba(0, 0, 0, 0.8); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 320000; } #zenario_progress.ui-widget-content { background: #333 none repeat scroll 0 0; border: 2px solid #f6f6f6; color: #fff; border-radius: 8px; } #zenario_progress.ui-widget { font-size: 12px; } #zenario_progress { height: 40px; left: 0; right:0; margin:auto; padding: 5px 30px 0 10px; position: fixed; top: 45%; width: 57%; z-index: 999999; } #zenario_progress #zenario_progress_name { background: transparent none repeat scroll 0 0; margin-bottom: 5px; text-align: center; width: 100%; } #zenario_progress #zenario_progress_stop { background: rgba(0, 0, 0, 0) url("..//styles/fea/images/close-icon-uploader.png") no-repeat scroll 0 0; cursor: pointer; float: right; height: 18px; margin: -10px -20px 0 0; position: relative; width: 18px; } #zenario_progress.ui-progressbar #zenario_progressbar.ui-progressbar-value { margin: 0; } #zenario_progressbar.ui-widget-header { background: #02cb01 none repeat scroll 0 0; border: 0 none; border-radius: 5px; height: 9px; } /* Common styles, modal window warning msg --------------------------------------------------------------------------------------------------*/ .modal_window { margin:auto; position:relative; z-index:2; width:70%; -webkit-box-shadow:0 0 5px 0; box-shadow:0 0 5px 0; padding:20px; -webkit-border-radius: 10px; border-radius: 10px; } .modal_window form, .modal_window .warning_message, .modal_window .select_list, .modal_window .buttons { text-align:center; } .modal_window select, .modal_window .select_list { margin-top:20px; } .modal_window form div a.zfea_button, .modal_window .buttons button { display:inline-block; margin:5px; } .modal_window #close_button { background-color:transparent; -webkit-border-radius: 0; border-radius: 0; } .modal_window .confirm_warning, .zfea.confirm_warning .messageDisplay div { background:url("..//styles/fea/../images/icon-warning-triangle.svg") no-repeat scroll 0 0 / 47px 40px; min-height: 40px; padding: 5px 0 0 60px; text-align:left !important; } .zfea .message_in_form { text-align: center; } .zfea .message_in_form .error, .zfea .message_in_form .success, .zfea .message_in_form .warning { display: inline-block; width: auto; } /* Buttons, nest top buttons --------------------------------------------------------------------------------------------------*/ .nest_buttons { position:relative; overflow:hidden; text-align:right; padding:10px 0; margin-bottom:10px; } .nest_buttons a { float:right; margin-left:8px; } /* Buttons, common --------------------------------------------------------------------------------------------------*/ .zfea_button, .nest_buttons a, .icon_button, .fea_csvDownload > a { display: inline-block; height:26px; line-height:24px; padding:0 10px; text-align:center; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; background:#000; color:#fff; } .zfea_button:hover, .nest_buttons a:hover, .icon_button:hover { text-decoration:none !important; } .icon_button.edit_icon { background-image:url('..//styles/fea/images/icon-white-edit-asset.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.edit_password_icon { background-image:url('..//styles/fea/images/icon-white-edit-password.svg'); background-repeat:no-repeat; background-position:center; } .zenario_skin .delete_icon, .zenario_skin input[type="button"].delete_icon, .zenario_skin .zfea_form_grouping .zfea_form_row_delete input.small_button[type="button"].delete, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete { background-image:url('..//styles/fea/images/icon-delete.svg'); } .zenario_skin .delete_icon.zfea_button_disabled, .zenario_skin input[type="button"].delete_icon.zfea_button_disabled, .zenario_skin .zfea_form_grouping .zfea_form_row_delete input.small_button[type="button"].delete.zfea_button_disabled, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete.zfea_button_disabled { background-image:url('..//styles/fea/images/icon-delete-grey.svg'); } .icon_button.query_data_icon { background-image:url('..//styles/fea/images/icon-white-inspector-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.schedule_icon { background-image:url('..//styles/fea/images/icon-white-schedule-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.recalculate_icon { background-image:url('..//styles/fea/images/icon-white-recalculate-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .zenario_skin .icon_button { width:30px; padding:0; text-indent:-999px; font-size:0; background-repeat:no-repeat; background-size:18px; background-position:center; } .icon_button.weekly_report_icon { background-image: url('..//styles/fea/images/aw/icon-white-weekly-report-placeholder.png'); background-repeat: no-repeat; background-position: center; background-size: 22px 13px; } .icon_button.yearly_report_icon { background-image: url('..//styles/fea/images/aw/icon-white-yearly-report-placeholder.png'); background-repeat: no-repeat; background-position: center; background-size: 25px 10px; } .zfea_button.delete, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete, #colorbox.zfea_colorbox_content input[type="button"].delete_button { background-color:#B20000; color:#FFF; } .zfea_button.delete:hover, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete:hover, #colorbox.zfea_colorbox_content input[type="button"].delete_button:hover { background-color:#e23535; color:#FFF; opacity:1; } .zfea_button.cancel, input[type="button"].zfea_button.cancel, .zfea_cancel, input[type="button"].zfea_cancel, #colorbox.zfea_colorbox_content input[type="button"].zfea_cancel { background: #888; border-color: #888; color: #FFF; } .zfea_button.cancel:hover, .zfea_cancel:hover, .zfea_button:hover, .nest_buttons a:hover { opacity:0.8; } .zenario_skin input.launch_keeper[type="button"] { background:transparent; border:0; color:#333; font-size:0.875em; height:auto; line-height:22px; margin-left:10px; padding:2px 0 0; min-width:auto; } /* Buttons, sorted buttons --------------------------------------------------------------------------------------------------*/ .zfea div.sorted_buttons { display:inline-block; float:right; } .zfea table div.sorted_buttons { display:block; float:none; } .zfea table th.sorted_buttons a { margin-left:5px; } /* Buttons with children --------------------------------------------------------------------------------------------------*/ .zfea_button_with_children .fa.fa-caret-down:before { padding-left:5px; } .button_with_children_wrap { display:inline-block; position:relative; } .button_with_children_wrap .small_button { position:relative; z-index:1; } .zenario_skin .button_with_children_wrap ul, .zenario_skin .button_with_children_wrap ul li { list-style:none; padding:0; margin:0; } .zenario_skin .button_with_children_wrap ul { opacity:0; visibility:hidden; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_skin .button_with_children_wrap:hover ul { opacity:1; visibility:visible; } .zenario_skin .button_with_children_wrap ul { position:absolute; z-index:9; right:0; top:27px; width:140px; padding:0 4px 2px; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; border-radius: 4px; border-top-right-radius: 0; } .zenario_skin .button_with_children_wrap ul:after { bottom: 100%; right: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 5px; margin-left: -5px; } .zenario_skin .button_with_children_wrap ul li { text-align:left; font-size:0.813em; height:auto; } .zenario_skin .button_with_children_wrap ul li, .zenario_skin .button_with_children_wrap ul li a { display:block; } .zenario_skin .button_with_children_wrap ul li a { width:calc(100% - 8px); height:auto; line-height:16px; padding:4px; margin:1px 0px; font-size:13px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; cursor:pointer; } .zenario_skin .button_with_children_wrap ul li a:hover { text-decoration:none; } /* Buttons, nest top buttons --------------------------------------------------------------------------------------------------*/ .nest_buttons { position:relative; overflow:hidden; text-align:right; margin-bottom:10px; } .nest_buttons a { float:right; margin-left:8px; } /* Buttons, common --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin input[type="button"].icon_button, .zenario_skin .small_button, .zenario_skin .standard_button, .zenario_skin .icon_button, .zenario_skin .refresh_button, .zenario_skin .fea_filter, .manual_input span.label, .nest_buttons a, a.zfea_button, #colorbox .connection_tabbed_panel .content_links input, .fea_csvDownload > a { display:inline-block; padding:0 12px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; cursor:pointer; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin .small_button, .zenario_skin .standard_button { white-space:nowrap; } .zenario_skin table tr td.sorted_buttons .small_button { padding:0 8px; } .zenario_skin .small_button:hover, .zenario_skin .standard_button:hover, .zenario_skin .fea_filter:hover, .zenario_skin .nest_buttons a:hover, .zenario_skin a.zfea_button:hover, .fea_csvDownload > a:hover { text-decoration:none; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin .small_button, .zenario_skin .fea_filter, .nest_buttons a, a.zfea_button, .fea_csvDownload > a { height:27px; font-size:13px; } .zenario_skin input[type="submit"].small_button, .zenario_skin a.small_button, .zenario_skin .fea_filter, .nest_buttons a, a.zfea_button, .fea_csvDownload > a { line-height:26px; } .manual_input span.label { font-size:18px; height:40px; line-height:36px; font-weight:600; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button { line-height:0; min-width:0; } .zenario_skin .icon_button, .zenario_skin input[type="button"].icon_button { width:27px; height:27px; padding:0; } .zenario_skin input[type="button"].icon_button, .zenario_skin .icon_button, .zenario_skin .refresh_button, .zenario_skin a.edit_icon, .zenario_skin a.edit_password_icon { font-size:0; line-height:0; text-indent:-999; background-repeat:no-repeat; background-position:center center; } .zenario_skin th.sorted_buttons .refresh_button { float:right; padding:0; width:30px; } .zenario_skin input[type="button"].icon_button { min-width:0; } .zenario_skin input[type="button"]:hover, .zenario_skin input[type="submit"]:hover, .zenario_skin .small_button:hover, .zenario_skin .standard_button:hover, .zenario_skin .icon_button:hover, .zenario_skin .refresh_button:hover, .zenario_skin .fea_filter:hover, .zenario_skin .nest_buttons a:hover, .zenario_skin a.zfea_button:hover, .manual_input span.label:hover, #colorbox .connection_tabbed_panel .content_links input:hover, .fea_csvDownload > a:hover { opacity:0.75; } .zenario_skin table th .zfea_button:hover { opacity:0.9; } .zenario_skin table .zfea_button.no_button_styling { border: none; background: none; } .zenario_skin .button_with_children_wrap ul li.small_button:hover, .zenario_skin .button_with_children_wrap ul li a.small_button:hover, .zenario_skin .button_with_children_wrap ul li a.fea_filter:hover, .fea_csvDownload > a:hover { opacity:1; } .zenario_skin .button_with_children_wrap ul li a.fea_filter { white-space:normal; -webkit-border-radius:0; border-radius:0; } .zenario_skin .icon_button.view_list, .zenario_skin input[type="button"].icon_button.view_list { background-image:url('..//styles/fea/images/icon-list.png'); } .zenario_skin .icon_button.view_overview, .zenario_skin input[type="button"].icon_button.view_overview { background-image:url('..//styles/fea/images/icon-eye.png'); } .zenario_skin .icon_button.view_map, .zenario_skin input[type="button"].icon_button.view_map { background-image:url('..//styles/fea/images/icon-map-pin-on.svg'); background-size:14px 20px; } .zenario_skin .icon_button.view_hierarchical, .zenario_skin input[type="button"].icon_button.view_hierarchical { background-image:url('..//styles/fea/images/icon-org-chart-on.svg'); background-size:16px 16px; } .zenario_skin a.edit_icon, .zenario_skin input.edit_icon { background-image:url('..//styles/fea/images/icon-white-edit-asset.svg'); background-size: 20px 20px; } .zenario_skin a.edit_password_icon, .zenario_skin input.edit_password_icon { background-image:url('..//styles/fea/images/icon-white-edit-password.svg'); background-size: 20px 20px; } .zenario_skin a.connection_icon { background-image:url('..//styles/fea/images/icon-white-connect.svg'); background-size: 20px 20px; } .zenario_skin a.data_simulator_icon { background-image:url('..//styles/fea/images/icon-white-simulate-data.svg'); background-size: 21px 24px; } .zenario_skin a.manually_enter_data_icon { background-image:url('..//styles/fea/images/icon-white-manual-data.svg'); background-size: 21px 24px; } .zenario_skin a.compare_fields_icon { background-image:url('..//styles/fea/images/icon-compare-graphs.svg'); background-size: 18px auto; } .zenario_skin a.connection_times_icon { background-image:url('..//styles/fea/images/icon-white-connection-times-placeholder.svg'); background-size: 18px auto; } .zenario_skin a.acknowledge_alarm_icon { background-image:url('..//styles/fea/images/icon-acknowledge-alarms-white-bell.svg'); background-size: 24px 24px; } .zenario_skin .nest_refresh { float:right; } .zenario_skin .auto_refresh, .zenario_skin .nest_refresh.auto_refresh { float:none; } .zenario_skin .nest_buttons .stop_auto_refresh .nest_refresh { padding-left:12px; padding-right:24px; } .zfea_form_grouping .zfea_form_row_delete input.small_button.delete[type="button"] { position:absolute; top:10px; right:10px; background-repeat:no-repeat; background-position:center; background-size:auto 65%; text-indent:-999; line-height:0; font-size:0; } .zenario_skin input[type="button"].launch_keeper { height:auto; padding:2px 0 0 0; margin-left:10px; line-height:22px; font-size:0.875em; } .zfea_button_disabled, input[type="submit"].zfea_button_disabled, input[type="button"].zfea_button_disabled, input[type="button"].not_pressed.disabled, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover, .zenario_skin .zfea_button.zfea_button_disabled, .zenario_skin .icon_button.zfea_button_disabled { background-color:#F2EEEB; border-color:#BBB7B4 !important; cursor:default !important; } .zfea_button_disabled, .zfea_button_disabled .fa, input[type="button"].zfea_button_disabled, input[type="button"].zfea_button_disabled .fa, input[type="submit"].zfea_button_disabled, input[type="submit"].zfea_button_disabled .fa, input[type="button"].not_pressed.disabled, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover { color:#AAA !important; } .zfea_button_disabled:hover, .zenario_skin a.zfea_button.zfea_button_disabled:hover, input[type="button"].zfea_button_disabled:hover, input[type="submit"].zfea_button_disabled:hover, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover { opacity:1 !important; } .zenario_skin a.zfea_button.button_double_square:after { font-family:"FontAwesome"; content:"\f24d"; padding-left:3px; } .zenario_skin a.zfea_button.button_arrow_up_right_from_square:after { font-family:"FontAwesome"; content:"\f08e"; padding-left:3px; } /* Button toggle --------------------------------------------------------------------------------------------------*/ .zfea_toggle_button.pressed, .zenario_skin form .zfea_form_row .zfea_toggle_button.pressed { background-color: lightblue; } .zfea_toggle_button.zfea_hidden_toggle_button { width: 1px; height: 1px; visibility: hidden; } /* Common styles Zfea Loading --------------------------------------------------------------------------------------------------*/ .fea_preloader_circle { position: absolute; z-index: 60; margin:auto; left:0; right:0; } .fea_initial_load_done .fea_preloader_circle { background:url('..//styles/fea/images/overlay_light_grey.png') repeat 0 0; } @keyframes fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } .fea_initial_load_done .fea_preloader_circle { animation: fade_in 0.4s; -webkit-animation: fade_in 0.4s; } .fea_preloader_circle div { top:40%; height:32px; width:32px; margin:auto; position:relative; border-radius:50%; -webkit-animation:zenario_spinner 1s infinite linear; animation:zenario_spinner 1s infinite linear; opacity:.8; } .zenario_company_users_fea .fea_preloader_circle { display: none !important; } #hierarchy_chart .fea_preloader_circle { top:50%; } /* Common styles Zfea Tooltip --------------------------------------------------------------------------------------------------*/ .zfea .zenario_field_tooltip { float:right; margin-left:8px; display: inline-block; } .zfea_field_tooltip, .zenario_field_tooltip { width:20px; height:20px; line-height:20px; font-weight:600; background:#ccc; text-align:center; -webkit-border-radius: 50%; border-radius: 50%; cursor:default; } /* Spinner --------------------------------------------------------------------------------------------------*/ .spinner { min-width: 32px; min-height: 32px; } .spinner:before { content: 'Loading…'; position: absolute; z-index:90; top: 40%; left: 50%; margin-top: -10px; margin-left: -10px; height:32px; width:32px; } .spinner:not(:required):before { content: ''; border-radius: 50%; animation: zenario_spinner .6s linear infinite; -webkit-animation: zenario_spinner .6s linear infinite; } /* Overlay layer --------------------------------------------------------------------------------------------------*/ .overlay_layer { position:absolute; top:0; left:0; z-index:1; background:rgba(255,255,255,0.7); width:100%; height:100%; } /* Colorbox --------------------------------------------------------------------------------------------------*/ #colorbox.zfea_colorbox_content input[type='submit'], #colorbox.zfea_colorbox_content input[type='button'], #colorbox.zfea_colorbox_content button { display:inline-block; height:36px; line-height:32px; padding: 0 15px; border:0; background:#000; color:#FFF; text-align:center; font-size:0.938em; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } #colorbox.zfea_colorbox_content input[type='submit']:hover, #colorbox.zfea_colorbox_content input[type='button']:hover, #colorbox.zfea_colorbox_content button:hover { background:#b8babc; color:#282e35; text-decoration:none; } #colorbox.zfea_colorbox_content #cboxLoadedContent { max-width:500px; padding:15px; overflow:hidden !important; } #colorbox.zenario_user_forms #cboxLoadedContent { overflow-y:auto !important; } #colorbox.zenario_user_forms .user_form { padding-bottom:20px; } #colorbox.zenario_user_forms .user_form form { padding: 0 30px; } #colorbox .form_field, #colorbox .form_fields_read_only { overflow:hidden; margin-bottom:20px; } #colorbox .field_section_description .field_title { font-style: normal; font-weight: normal; font-size: 1.5em; line-height: 1.2em; } #colorbox.zenario_user_forms fieldset { margin: 30px 0 8px; } /*.zfea_colorbox_content, #colorbox .embed_slide { padding:20px; width:500px; min-height: 180px; }*/ .zfea_colorbox_content .zfea_colorbox_title h1, #colorbox .embed_slide .embed_title { border-bottom-width:6px; border-bottom-style:solid; padding-bottom:10px; margin-bottom:10px; } .zfea_colorbox_content .zfea_colorbox_buttons, #colorbox .embed_slide .embed_link .embed_copy_button { padding:15px 0; text-align:center; } .zfea_colorbox_content .zfea_colorbox_buttons input { margin:0 8px; } .zfea_colorbox_body select#zfea_new_hierarchy_asset_id { margin:auto; } #colorbox .embed_slide .embed_link { text-align:center } #colorbox .embed_slide .embed_link .embed_link { text-align:left; margin-top:10px; } #colorbox .modal_window { width: 900px; min-height: 300px; padding: 30px 30px 10px 30px; border:0; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0; } #colorbox .modal_window .title h1 { font-size: 1.4em; } #colorbox .modal_window .content p:nth-child(1) { font-size: 1.15em; margin-bottom: 25px; } #colorbox .modal_window p { margin-bottom: 15px; } #colorbox .modal_window .connection_url_input input[type="text"] { width: 97%; } #colorbox .zfea_error { padding:20px; min-width:500px; background:#FFF; } #colorbox .zfea_error .zfea_error_body { padding:10px 0; } #colorbox .zfea_error .zfea_error_buttons { text-align:center; } #colorbox .modal_window.modal_window_connection { padding:12px 0 0; } #colorbox .connection_tabbed_panel ul, #colorbox .connection_tabbed_panel ul li { padding:0; margin:0; list-style:none; } #colorbox .connection_tabbed_panel ul.tabs { clear:both; display:block; margin-left:2px; overflow:hidden; position:relative; z-index:1; } #colorbox .connection_tabbed_panel ul.tabs li { display: inline-block; float:left; height:44px; line-height:44px; padding: 0 18px; margin-left:3px; font-weight:bold; border-top:0; border-bottom:0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } #colorbox .connection_tabbed_panel ul li.tab_body { display: none; overflow:hidden; height:270px; overflow-y:auto; padding:20px; } #colorbox .connection_tabbed_panel ul li.tab_body.active { display: block; } #colorbox .connection_tabbed_panel h2 { font-weight:bold; font-size:1.250em; } #colorbox .connection_tabbed_panel .simulator_img { width:25%; height:121px; margin-right:40px; display:inline-block; background:url('..//styles/fea/images/red-box.png') no-repeat 0 0 / 100%; float:left; } body.retina #colorbox .connection_tabbed_panel .simulator_img { background:url('..//styles/fea/images/red-box-retina.png') no-repeat 0 0 / 100%; } #colorbox .connection_tabbed_panel .simulator_content { width:65%; width:calc(75% - 40px); float:left; } #colorbox .connection_tabbed_panel .simulator_scan, #colorbox .connection_tabbed_panel .simulator_links { overflow:hidden; padding-top:15px; clear:both; float:none; } #colorbox .connection_tabbed_panel .simulator_scan p { display:inline-block; width:70%; float:left; padding-top:35px; } #colorbox .connection_tabbed_panel .simulator_scan .simulator_scan_img { width:22%; height:120px; display:inline-block; float:right; margin-left:20px; } #colorbox .connection_tabbed_panel .app_img { width:182px; height:238px; margin-right:18px; display:inline-block; background:url('..//styles/fea/images/icon-with-footprints-v2.png') no-repeat 0 0 / 100%; float:left; } #colorbox .connection_tabbed_panel .app_content { width:70%; width:calc(100% - 200px); float:left; } #colorbox .connection_tabbed_panel .connection_content { position:relative; z-index:1; } #colorbox .connection_tabbed_panel .after_tabs { margin-top:-2px; } #colorbox .connection_tabbed_panel .connection_content .connection_url_text { padding: 10px; margin-bottom: 10px; word-break: break-all; font-size:0.938em; line-height:20px; -webkit-border-radius: 6px; border-radius: 6px; z-index: 2; position: relative; } #colorbox .connection_tabbed_panel .connection_content .connection_url_text.code strong { font-family:monospace; } #colorbox .connection_tabbed_panel .content_links { float:right; overflow:hidden; } #colorbox .connection_tabbed_panel .content_links a { float:left; } #colorbox .connection_tabbed_panel .content_links a:first-child { font-size:0.813em; text-decoration:underline; padding:3px 10px 0 0; } #colorbox .connection_tabbed_panel .content_links input { margin-left:10px; } #colorbox .connection_tabbed_panel table.mqtt_details { width:100%; margin-bottom:10px; } #colorbox .connection_tabbed_panel table.mqtt_details tr th, #colorbox .connection_tabbed_panel table.mqtt_details tr td { padding:5px 10px; } #colorbox .connection_tabbed_panel table.mqtt_details tr th { font-weight:bold; width:200px; } #colorbox .connection_tabbed_panel p.code { padding-left:30px; } #colorbox.help_button { text-align:left; } #colorbox .zfea_confirm_warning .zfea_colorbox_body { min-height:40px; padding:5px 0 0 60px; background:url('..//styles/fea/images/icon-warning-triangle.svg') no-repeat 0 0 / 47px 40px; } #colorbox .form_buttons { overflow:hidden; } #colorbox .form_buttons .next { float:right; } #colorbox .form_buttons .next.submit { float:none; } #colorbox .delete_button:hover, #colorbox .small_button.delete_button:hover, #colorbox input.delete_button[type="button"]:hover, #colorbox input.small_button.delete_button[type="button"]:hover { opacity:0.7; } #colorbox:not(.zenario_grid_maker) .colorbox_content { padding:20px; min-height:180px; } #colorbox .colorbox_content .colorbox_buttons { padding-top:20px; text-align:center; overflow:hidden; clear:both; float:none; } #colorbox .colorbox_content[id*='range_popup'] { min-width:320px; } #colorbox .colorbox_content[id*='range_popup'] .select_list { width:80px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body { float:none; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body label, #colorbox .colorbox_content[id*='range_popup'] .colorbox_body > div, #colorbox .colorbox_content[id*='range_popup'] .colorbox_body select { float:left; margin-right:5px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body input.datepicker { height:28px; line-height:28px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body label { margin-left:5px; } .zfea_error_box .zfea_error_buttons { display: inline-block; text-align: center; padding: 0 12px; height: 27px; font-size: 0.929em; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; background:#008aca; color:#FFF; } /* Common styles: font awesome icons --------------------------------------------------------------------------------------------------*/ .input-group { overflow: hidden; position: relative; display: inline-block; } .input-group .fa { position: relative; z-index: 1; left: -25px; top: 1px; cursor:pointer; width: 0; } #colorbox .connection_tabbed_panel .content_links .input-group .fa.fa-caret-right { left:-18px; } .fa.fa-search { left:-30px; font-size:1.375em; line-height:36px; } .fa.fa-calendar { float:left; left:-28px; font-size:1.125em; line-height:28px; } .graph_options .fa.fa-calendar { left:-32px; } .fa.fa-caret-left, .fa.fa-circle, .fa.fa-refresh { float:left; font-size:18px; padding:4px 7px 0 0; } .fa.fa-caret-right { float:right; font-size:18px; padding:4px 0 0 7px; } .fa.fa-angle-right { font-size:18px; padding:0 0 0 2px; } .fa.fa-plus { padding:0 5px 0 0; } .icon_button.refresh_button .fa.fa-refresh { padding:0; } .input_group_icon_button .fa { left:8px; padding-right:0; } .zenario_skin .zfea .search_form .input-group.clear_search .fa.fa-times-circle { top:8px; font-size:18px; } /* Common styles: pagination --------------------------------------------------------------------------------------------------*/ .paginator_p { text-align:center; float:left; color:white; background-color:#B7B7B7; cursor:pointer; padding:2px 0 0 0; } .paginator_p_bloc { position:relative; width:3000px; } .paginator_p.over { background-color:#8B8B8B; } .paginator_p.selected { cursor: default; font-weight: bold; } .paginator_p_wrap { position:relative; overflow:hidden; float:left; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; line-height: 30px; } .paginator_slider { clear:left; height: 4px; top: 4px; left:5px; margin:auto; background: white; border: solid 1px black; position:relative; } .paginator_slider .ui-slider-handle { width: 8px; height: 12px; position: absolute; top: -4px; background-color:black; } .zfea_pagination { overflow:hidden; padding:20px 0; text-align:center; } .zfea_pagination .paginator_p_wrap { margin:auto; float:none; } .zfea_pagination .paginator_p_wrap a.paginator_p { font-size:13px; font-weight:700; padding:0; color:#fff; background-color:#8B8B8B; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zfea_pagination .paginator_p_wrap a.paginator_p.over { background-color:#B7B7B7; } .zfea_pagination .paginator_p_wrap a.paginator_p.selected { background:#0f81ad; color:#FFF; } .zfea_pagination .paginator_p_wrap a:hover { text-decoration:none; } /* Messages --------------------------------------------------------------------------------------------------*/ .zfea .error, .zfea .success, .zfea .warning, .zfea .info, .ok, .alarm, .comms_error { width:calc(100% - 60px); padding:12px 10px 18px 50px; margin-bottom:8px; -webkit-border-radius: 4px; border-radius: 4px; font-size:0.929em; line-height:17px; background-repeat:no-repeat; background-position:10px center; background-size:32px 32px; } .zfea .warning.small, .zfea .info.small { width:calc(100% - 30px); padding:0 0 0 30px; background-position: left top; background-size: 20px; } .column_status.ok, .column_status.alarm, .zfea .column_status.warning { width:auto; padding:0; margin:0; -webkit-border-radius: 0; border-radius: 0; font-size:1em; line-height:1.2em; } .zfea .column_status.warning { color:#494f6b; } .zfea .blue_dis_schema .column_status.warning, .zfea .soap_dis_schema .column_status.warning { color:#fff; } .zfea_zenario_create_user .zenario_textbox_with_autocomplete .zenario_open_autocomplete { width:auto; } /* - Error ---------------------------------------------------------------------------------------*/ .zfea .error { color:#CE0011; background-image:url('..//styles/fea/images/icon-msg-stop.svg'); min-height:32px; padding-bottom:0; } .zfea .error p { margin:0; } .zfea .zenario_row_with_error .Tokenize, .zfea input[type="text"].zenario_field_with_error, .zfea input[type="email"].zenario_field_with_error, .zfea input[type="search"].zenario_field_with_error, .zfea input[type="password"].zenario_field_with_error, .zfea select.zenario_field_with_error, .zfea textarea.zenario_field_with_error { -webkit-box-shadow: inset 0px 0 0 2px #CE0011; box-shadow: inset 0px 0 0 2px #CE0011; } .zfea input[type="radio"].zenario_field_with_error { -webkit-border-radius:50%; border-radius:50%; -webkit-box-shadow: 0px 0.5px 0.5px 2px #CE0011; box-shadow: 0px 0.5px 0.5px 2px #CE0011; } .zfea input[type="checkbox"].zenario_field_with_error { -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 0px 1px 1px #CE0011; box-shadow: 0px 0px 1px 1px #CE0011; } .zfea .zfea_inline_error { clear:both; padding-top:4px; color:#CE0011; } /* - Sucess --------------------------------------------------------------------------------------*/ .zfea .success { color:#44A02A; } /* - Warning -------------------------------------------------------------------------------------*/ .zfea .warning { color:#ec5c30; background-image:url('..//styles/fea/images/icon-warning-triangle.svg'); } /* - Info -------------------------------------------------------------------------------------*/ .zfea .info { width:calc(100% - 50px); padding:0 0 0 50px; min-height:32px; background-position: left top; background-image:url('..//styles/fea/images/icon-info.svg'); } .zfea .info > ul { margin-left:0; padding-bottom:0; } /* Common styles: font awesome icons --------------------------------------------------------------------------------------------------*/ .fa.fa-search { left:-30px; font-size:1.375em; line-height:36px; } .fa.fa-calendar { float:left; left:-28px; font-size:1.125em; line-height:28px; } .graph_options .fa.fa-calendar { left:-32px; } .fa.fa-caret-left, .fa.fa-circle, .fa.fa-refresh { float:left; font-size:16px; padding:4px 7px 0 0; } .fa.fa-caret-right { float:right; font-size:18px; padding:4px 0 0 7px; } .fa.fa-angle-right { font-size:18px; padding:0 0 0 2px; } .fa.fa-plus { padding:0 5px 0 0; } .zenario_skin .icon_button.refresh_button { line-height:24px; font-size:18px; text-indent:inherit; } .zenario_skin .icon_button.refresh_button .fa.fa-refresh { float:none; } .icon_button.refresh_button .fa.fa-refresh { padding:0; } .input_group_icon_button .fa { left:8px; padding-right:0; } .zenario_skin .zfea .search_form .input-group.clear_search .fa.fa-times-circle { top:8px; font-size:18px; } table .button_arrow_right, .zenario_skin table tr td.sorted_buttons .small_button.button_arrow_right { position:relative; padding-right:18px; } table .button_arrow_right .fa { position:absolute; right:5px; top:0; } /* Smart breadcrumbs --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb { display: inline-block; float: left; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level { cursor: default; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs li { list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; display:inline-block; background: white; width: 100%; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs { opacity:0; visibility:hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; z-index: 30; top:0; left:24px; width: auto; float: none; padding: 2px 0; width:220px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:hover ul.smart_breadcrumbs { opacity:1; visibility:visible; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs li a { padding:0 8px 2px; display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.sb_title { width:calc(100% - 26px); padding:2px 10px; margin:0 3px; color: #7f7f7f; background:#f0f0f0; font-size:14px; font-weight:600; } /* Hide the subtitles in the smart breadcrumbs if this isn't a touch-enabled device */ body.non_touchscreen .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs .sb_title { display: none; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb a:hover { text-decoration:none; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb { background:none; padding-left:0; position:relative; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs { top:22px; left:-10px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before { font-family: 'FontAwesome'; content: "\f105"; padding-right:3px; position:relative; top:1px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:before { padding-right:5px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.level1_1_on:before { content:none; padding-right:0; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li[class*="comms_bread"] a:before { text-indent: inherit; margin-left:0; width:30px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level ul.smart_breadcrumbs li[class*="comms_bread"] a::before { content:""; top:5px; margin-left:0; } /* Colors */ .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb a { color:#676767; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.current > a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:hover > a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a:hover { color:#1565c0; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:hover { background:#b1e5fd; color:#676767; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a:hover { background:transparent; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs { background: #ffffff; border: 1px solid #999; } /* CSS arrow top */ body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:after, body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:before { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:before { border-color: rgba(119, 119, 119, 0); border-bottom-color: #777777; border-width: 6px; margin-left: -6px; } /* CSS arrow left */ body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:after, body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:before { right: 100%; top: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 6px; margin-top: -6px; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:before { border-color: rgba(119, 119, 119, 0); border-right-color: #777777; border-width: 7px; margin-top: -7px; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level > a { border:1px solid #959595; padding:0 3px; margin-left:2px; display:inline-block; line-height:1.2em; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs { position:relative; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb { position:static; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs { top:35px; left:0; width:100%; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a { color:#2a2b2b; font-size:14px; padding-top:2px; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:before { font-family: 'FontAwesome'; content: "\f105"; font-size:15px; padding-right:5px; position:relative; top:-1px; } /* Common styles, popup --------------------------------------------------------------------------------------------------*/ .zfea_popout { position: fixed; top: -100px; left: -100px; padding: 20px; z-index: 10; width: 200%; height: 200%; } .zfea_popout .zfea_popout_inner { padding: 20px; z-index: 12; width: 40vw; min-height: 30%; min-width: 400px; position: fixed; top: 20%; left: 0; right:0; margin:auto; border-radius: 8px; } .mobile .zfea_popout .zfea_popout_inner { width:calc(80% - 40px); min-width:auto; left:0; right:0; margin:auto; } .zfea_popout .zenario_debug { right:25px; } .zfea_popout .zfea_close, .zfea_popout .zfea_popout_inner #close_popout__2 { position: absolute; z-index: 11; top: 12px; right: 12px; display: inline-block; width: 15px; height: 15px; text-indent: -999; font-size: 0; line-height: 0; cursor: pointer; } .zfea_popout .zfea_popout_inner .zfea_popout_form { margin-top: 20px; } .zfea_popout .zfea_popout_inner .zfea_popout_form input[type="text"], .zfea_popout .zfea_popout_inner .zfea_popout_form textarea { width:calc(100% - 22px); max-width:450px; } .zfea_popout .zfea_popout_inner .zfea_slider { display:flex; align-items: center; text-align: right; margin: 20px; } .zfea_popout .zfea_popout_inner .zfea_slider label { min-width:80px; } .zfea_popout .zfea_popout_inner .zfea_slider a.zfea_slider_clear { background-color: #777; background-image:url('..//styles/fea/images/icon-white-clear-x.svg'); background-repeat:no-repeat; background-position:center center; background-size:10px; float:right; margin:8px; color: #fff !important; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; width:20px; height:20px; text-indent:-999px; font-size:0; line-height:0; -webkit-transition:background-color 0.3s ease 0s; -moz-transition:background-color 0.3s ease 0s; transition:background-color 0.3s ease 0s; } .zfea_popout .zfea_popout_inner .zfea_slider a.zfea_slider_clear:hover { opacity:0.7; text-decoration:none; } .zfea_popout .zfea_popout_inner .ui-widget-content { width: calc(100% - 240px); display: inline-block; margin: 0 20px 0 10px; } .zfea_popout .zfea_popout_inner .zfea_slider > input[type="text"] { width: 50px; text-align: right; margin-right:5px; } .zfea_popout { background: url('..//styles/fea/images/overlay_layer.png'); } .zfea_popout .zfea_close, .zfea_popout .zfea_popout_inner #close_popout__2 { background: url('..//styles/fea/images/close-cross.svg') no-repeat; } .zfea_popout .zfea_close:hover, .zfea_popout .zfea_popout_inner #close_popout__2:hover { background: url('..//styles/fea/images/close-cross-over.svg') no-repeat; } /* Rows and columns for radio/checkboxes */ div.zenario_hierarchical_box_children { overflow:hidden; } div.zfea_form_group { float: left; } div.zfea_form_group_1_cols { float: none; } div.zfea_form_group_col_1 { clear: both; } div.zfea_form_group_2_cols { min-width: 300px; } .zfea_popout div.zfea_form_group_2_cols { min-width: 240px; } div.zfea_form_group_3_cols { min-width: 200px; } div.zfea_form_group_4_cols { min-width: 150px; } div.zfea_form_group_5_cols { min-width: 120px; } div.zfea_form_group_6_cols { min-width: 100px; } div.zfea_form_group_7_cols { min-width: 85px; } div.zfea_form_group_8_cols { min-width: 75px; } div.zfea_form_group_9_cols { min-width: 66px; } div.zfea_form_group_10_cols { min-width: 60px; } .schema_level_title { font-weight: bold; } /* Misc utility --------------------------------------------------------------------------------------------------*/ .zfea_row_with_1_field .zfea_show_on_rows_with_multiple_fields { display: none; } .zfea_row_with_multiple_fields .zfea_show_on_rows_with_1_field { display: none; } /* Slide info buttons that appear above nests for superusers. --------------------------------------------------------------------------------------------------*/ x-zenario-superuser-slide-controls { position: relative; z-index: 48; float: left; width: 44px; height: 0; line-height: 1px; text-align: left; visibility: hidden; display: none; } .zenario_slot.zenario_plugin_nest:hover x-zenario-superuser-slide-controls { display: block; } x-zenario-superuser-slide-info { margin-top: 0; margin-left: 0; z-index: 49; display: block; position: absolute; line-height: 1px; text-align: left; cursor: pointer; width: 26px; height: 26px; border:1px solid #b9b9b9; background:#f6f6f6 url('..//styles/fea/../../admin/images/icon-cogwheel.svg') no-repeat center center / 15px 15px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } x-zenario-superuser-slide-info:hover { background-color:#b1e6fd; } /* Mobile. Block list --------------------------------------------------------------------------------------------------*/ body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block { background:#fbfbfb; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block:nth-child(odd) { background:#f0f0f0; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p { width:calc(100% - 16px) !important; float:none; clear:both; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { width:calc(50% - 16px) !important; float:left; clear:none; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id { font-weight:700; font-size:110%; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created { text-align:right; } /* Breakpoint --------------------------------------------------------------------------------------------------*/ body.mobile .zfea div.sorted_buttons { float:none; text-align:right; } body.mobile .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { width: 60px; height: 60px; font-size: 60px; line-height: 60px; } /* Layout max-width: 630px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 631px) { .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { max-width:none; width:calc(100% - 41px); } .zenario_conference_fea .details, .zenario_conference_fea .documents_info { width:100%; float:none; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { width:calc(100% - 16px) !important; float:none; clear:both; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created { text-align:left; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { padding-top:10px; } } /* Layout max-width: 530px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 531px) { .zenario_storefront_products_fea .zfea_zenario_list_storefront_documents .search_form { width:100%; float:none; margin-bottom:10px; } .zenario_storefront_products_fea .zfea_zenario_list_storefront_documents .zfea_search_buttons { padding-left:0; float:none; } .zenario_storefront_physical_products_fea img { float:none; padding-bottom:10px; margin:auto; } .zenario_storefront_physical_products_fea .price_info .price_info_details, .zenario_storefront_physical_products_fea .price_info .price_info_links, .zenario_storefront_products_fea .price_info .price_info_details, .zenario_storefront_products_fea .price_info .price_info_links { width:auto; float:none; } .zenario_storefront_physical_products_fea .price_info .price_info_links, .zenario_storefront_products_fea .price_info .price_info_links { text-align:center; padding-top:10px; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 30px - 2% - 6px); } #colorbox .colorbox_content[id*='range_popup'] { min-width:auto; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 481px) { .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id { padding-bottom:10px; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id img { float:none; margin:auto; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block .block_buttons_top, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block .block_buttons_top { text-align:center; } } /* Toggles. Styles for the on/off switches, Style 1: with tick and cross */ .zenario_skin .onoffswitch .onoffswitch-label { width:calc(100% - 4px); /* clear */ } .zenario_skin .onoffswitch { width:78px; } .zenario_skin .onoffswitch-switch { right:47px; } .zenario_skin .zfea_form_row label.onoffswitch-label { display:block; padding:0; } .zenario_skin .onoffswitch-inner::before, .zenario_skin .onoffswitch-inner::after { font-family: "FontAwesome"; font-size: 18px; } .zenario_skin .onoffswitch-inner::before { content: "\f00c"; background-color:#32bb82; } .zenario_skin .onoffswitch-inner::after { content: ""; background-color:#aeaeae; color:#666; } .zenario_skin .onoffswitch-label, .zenario_skin .onoffswitch-switch { border:1px solid #687780; } /**/ /* Reset backgrounds */ #colorbox:not(.zenario_admin_cb) #cboxTitle, #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic, #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext, #colorbox:not(.zenario_admin_cb) #cboxClose, #colorbox:not(.zenario_admin_cb) #cboxClose:hover { background:none; } #colorbox:not(.zenario_admin_cb) #cboxTopLeft, #colorbox:not(.zenario_admin_cb) #cboxTopCenter, #colorbox:not(.zenario_admin_cb) #cboxTopRight, #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft, #colorbox:not(.zenario_admin_cb) #cboxMiddleRight, #colorbox:not(.zenario_admin_cb) #cboxBottomLeft, #colorbox:not(.zenario_admin_cb) #cboxBottomCenter, #colorbox:not(.zenario_admin_cb) #cboxBottomRight { visibility:hidden; } #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft { display:none; } body #colorbox:not(.zenario_admin_cb) #cboxOverlay, body > #cboxOverlay { opacity:1 !important; background:rgba(0,0,0,0.8); position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } #colorbox:not(.zenario_admin_cb) #cboxContent { background: #FFF; -webkit-border-radius: 6px; margin: 5px; border-radius: 4px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); border: 5px solid #fff; font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5; } #colorbox:not(.zenario_admin_cb) #cboxLoadedContent { margin-bottom:0; } #colorbox:not(.zenario_admin_cb) #cboxTitle { bottom:0; left:0; color:#fff; width:100%; padding:0; width:calc(100% - 20px); background:rgba(0,0,0,0.6); text-align:left; } #colorbox:not(.zenario_admin_cb) #cboxClose { min-width:auto; width:20px; height:20px; top:5px; right:5px; } #colorbox:not(.zenario_admin_cb) #cboxClose:before, #colorbox:not(.zenario_admin_cb) #cboxClose:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #colorbox:not(.zenario_admin_cb) #cboxClose:hover:before, #colorbox:not(.zenario_admin_cb) #cboxClose:hover:after { background-color: #2a98ce; } #colorbox:not(.zenario_admin_cb) #cboxClose:before { transform: rotate(45deg); } #colorbox:not(.zenario_admin_cb) #cboxClose:after { transform: rotate(-45deg); } #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext { display: inline-block; width: 12px; height: 12px; top:50%; } #colorbox:not(.zenario_admin_cb) #cboxCurrent { display:none !important; } #colorbox:not(.zenario_admin_cb) #cboxPrevious:after, #colorbox:not(.zenario_admin_cb) #cboxNext:after { content: ''; display: inline-block; height: 12px; width: 12px; position: absolute; left: 0; top: 0; border:0; border-bottom:2px solid #000; border-right:2px solid #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #colorbox:not(.zenario_admin_cb) #cboxPrevious:hover:after, #colorbox:not(.zenario_admin_cb) #cboxNext:hover:after { border-color: #2a98ce; } #colorbox:not(.zenario_admin_cb) #cboxClose, #colorbox:not(.zenario_admin_cb) #cboxClose:before, #colorbox:not(.zenario_admin_cb) #cboxClose:after, #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext, #colorbox:not(.zenario_admin_cb) #cboxPrevious:after, #colorbox:not(.zenario_admin_cb) #cboxNext:after { outline:none; outline:0; } #colorbox:not(.zenario_admin_cb) #cboxPrevious { left:15px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #colorbox:not(.zenario_admin_cb) #cboxNext { right:15px; left:auto; -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); } #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic { display: inline-block; width: 40px; height: 40px; right:0; bottom:0; margin:auto; background:none; } #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic:after { content: " "; display: block; width: 34px; height: 34px; margin: 0; border-radius: 50%; border: 4px solid #000; border-color: #000 transparent #000 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /**/ #colorbox:not(.zenario_admin_cb) #cboxOverlay { background:rgba(0,0,0,0.85); } #colorbox:not(.zenario_admin_cb) #cboxLoadedContent { overflow-y:auto !important; overflow-x:hidden !important; } #colorbox:not(.zenario_admin_cb) #cboxContent { font-family: "proxima-nova",Verdana, Geneva, sans-serif; font-size:100%; font-weight:400; border-color:#1d71b8; } #colorbox:not(.zenario_admin_cb) h1, #colorbox:not(.zenario_admin_cb) h2, #colorbox:not(.zenario_admin_cb) h3, #colorbox:not(.zenario_admin_cb) h4, #colorbox:not(.zenario_admin_cb) h5, #colorbox:not(.zenario_admin_cb) h6 { font-family: "lexia",Verdana, Geneva, sans-serif; } #colorbox:not(.zenario_admin_cb) h1, #colorbox:not(.zenario_admin_cb) h2, #colorbox:not(.zenario_admin_cb) h3, #colorbox:not(.zenario_admin_cb) h6 { font-weight:400; } #colorbox:not(.zenario_admin_cb) h4, #colorbox:not(.zenario_admin_cb) h5 { font-weight:700; } #colorbox:not(.zenario_admin_cb) { color:#3c3c3b; } #colorbox:not(.zenario_admin_cb) a, #colorbox:not(.zenario_admin_cb) h3 { color:#1d71b8; } #colorbox:not(.zenario_admin_cb) table { font-size:1em; } #colorbox:not(.zenario_admin_cb) h1 { font-size:1.750em; } #colorbox:not(.zenario_admin_cb) h2 { font-size:1.375em; } #colorbox:not(.zenario_admin_cb) h3 { font-size:1.125em; } #colorbox:not(.zenario_admin_cb) h4 { font-size:1em; } #colorbox:not(.zenario_admin_cb) h5 { font-size:0.875em; } #colorbox:not(.zenario_admin_cb) h6 { font-size:0.875em; } #colorbox:not(.zenario_admin_cb) h1, #colorbox:not(.zenario_admin_cb) h2, #colorbox:not(.zenario_admin_cb) h3, #colorbox:not(.zenario_admin_cb) h4, #colorbox:not(.zenario_admin_cb) h5, #colorbox:not(.zenario_admin_cb) h6 { line-height:1.2em; } #cboxLoadedContent h1, #cboxLoadedContent h2, #cboxLoadedContent h3, #cboxLoadedContent h4, #cboxLoadedContent h5, #cboxLoadedContent h6 { padding-bottom:8px; } #colorbox:not(.zenario_admin_cb) p { padding-bottom:10px; } #colorbox:not(.zenario_admin_cb) a { text-decoration:none; } #colorbox:not(.zenario_admin_cb) a:hover { text-decoration:underline; } #colorbox:not(.zenario_admin_cb) ul, #colorbox:not(.zenario_admin_cb) ol { padding:15px; margin-left:5px; } #colorbox:not(.zenario_admin_cb) ul ol { list-style:decimal; } #colorbox:not(.zenario_admin_cb) hr { border:0; color:#CCC; background-color:#CCC; height:2px; } #colorbox:not(.zenario_admin_cb) blockquote { color:#1d71b8; font-size:1.500em; font-weight:300; font-style:italic; font-family: "lexia"; line-height:1.25em; } #colorbox:not(.zenario_admin_cb) .zenario_banner ul, #colorbox:not(.zenario_admin_cb) .zenario_html_snippet ul { padding-left:0; padding-bottom:0; } #colorbox:not(.zenario_admin_cb) .zenario_banner ul li, #colorbox:not(.zenario_admin_cb) .zenario_html_snippet ul li { list-style:none; padding:0 0 15px 38px; display:inline-block; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-bullet-tick.svg') no-repeat 0 0 / 24px; } /* Event calendar --------------------------------------------------------------------------------------------------*/ /*#colorbox:not(.zenario_admin_cb) .zenario_event_calendar { padding:0 40px; }*/ #cboxLoadedContent { overflow:hidden !important; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar { height:70vh; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .calendar { max-width:940px; padding:10px 0; min-width:500px; overflow: hidden; height: calc(100% - 30px); padding: 20px 0 10px 0; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .calendar .day_view { height: 100%; overflow-y: auto; padding: 0 20px; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_wrap { display:block; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_title { overflow:hidden; border-bottom:2px solid #e9e9e9; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_title h1 { line-height:36px; display:inline-block; margin:0; text-transform:uppercase; font-family:"proxima-nova",Verdana, Geneva, sans-serif; font-size:1.4em; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_title p.event_count_in_window { display:inline-block; position:relative; top:-2px; margin-left:10px; padding:2px 5px; font-size:10px; background:#ED0000; color:#FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul, #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li { padding:0; margin:0; list-style:none; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul { padding:10px 0 0; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li { padding:10px 0; border-top:2px solid #ebebeb; overflow:hidden; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li:first-child { padding-top:0; border-top:0; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li h3 { width:calc(100% - 130px); margin:0; padding-bottom:5px; font-size:1.125em; line-height:22px; color:#1d71b8; font-family: "proxima-nova",Verdana, Geneva, sans-serif; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li h3 a { color:#1d71b8; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li div.sticky_image { float:right; margin-left:15px; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li .day_view_event p { font-size:0.875em; line-height:18px; padding-bottom:5px; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view .day_view_events_list ul li .day_view_event p.day_view_event_time { display:inline-block; width:calc(100% - 130px); padding:1px 5px; font-size:12px; background:#5695ca; color:#FFF; margin-bottom:5px; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a { display:inline-block; color:#e30613; font-size:0.875em; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a:hover { color:#1d71b8; text-decoration:none; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .calendar_content.error_view { margin:20px; } #colorbox:not(.zenario_admin_cb) .zenario_event_calendar .calendar_content.error_view .calendar_title { display:none; } /* New item basket --------------------------------------------------------------------------------------------------*/ #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div { width: 600px; height: 310px !important; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .title { padding:2px 20px 8px; background:#1d71b8; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .title h2 { padding:0; color:#FFF; font-size:1.2em; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .body { padding:0 20px; width:calc(100% - 40px); height:calc(100% - 40px); overflow:hidden; display:table; position:relative; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .body > div { width: 47%; margin: 0 1.5%; float: left; display: table; padding: 10px 0; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .body .image { height:calc(100% - 40px); padding-bottom:20px; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-document-m.gif') no-repeat 0 20px / auto 80px; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .body .image img { margin-bottom:6px; width:auto !important; max-height:210px !important; border:1px solid #888; background:#FFF; padding:3px; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .body .image p { position:absolute; bottom:0; right:15px; color:#1d71b8; text-decoration:underline; cursor:pointer; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .body .description .product_title p, #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent > div .body .description .total span { font-weight:600; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent .basket_button a { display: inline-block; background: #1d71b8; color: #fff; padding: 0 10px 2px; line-height: 26px; border-radius: 4px; font-size: 13px; transition:background-color 200ms ease-in-out; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent .basket_button a:hover { text-decoration:none; opacity:0.75; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxLoadedContent .basket_button a:before { font-family: 'FontAwesome'; content: "\f291"; padding-right:5px; font-weight:500; font-size:16px; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxClose:before, #colorbox:not(.zenario_admin_cb).new_item_popup #cboxClose:after { background-color: #fff; } #colorbox:not(.zenario_admin_cb).new_item_popup #cboxClose:hover:before, #colorbox:not(.zenario_admin_cb).new_item_popup #cboxClose:hover:after { background-color: #ccc; } /**/ .zenario_skin { font-family: "proxima-nova",Verdana, Geneva, sans-serif; font-size:100%; font-weight:400; line-height:24px; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6 { font-family: "lexia",Verdana, Geneva, sans-serif; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h6 { font-weight:400; } .zenario_skin h4, .zenario_skin h5 { font-weight:700; } .zenario_skin { color:#3c3c3b; } .zenario_skin a, .zenario_skin h3 { color:#1d71b8; } .zenario_skin table { font-size:1em; } .zenario_skin h1 { font-size:2.250em; } .zenario_skin h2 { font-size:1.750em; } .zenario_skin h3 { font-size:1.375em; } .zenario_skin h4 { font-size:1.125em; } .zenario_skin h5 { font-size:1em; } .zenario_skin h6 { font-size:0.875em; } .zenario_skin h1 { line-height:1.2em; margin-bottom:12px; } .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6 { line-height:1.4em; margin-bottom:8px; } .zenario_skin p { margin-bottom:10px; } .zenario_skin a { text-decoration:none; } .zenario_skin a:hover { text-decoration:underline; } .zenario_skin ul, .zenario_skin ol { padding:10px 15px; margin-left:5px; } .zenario_skin ul ol { list-style:decimal; } .zenario_skin hr { border:0; color:#CCC; background-color:#CCC; height:2px; } .zenario_skin blockquote { color:#1d71b8; font-size:1.500em; font-weight:300; font-style:italic; font-family: "lexia",Verdana, Geneva, sans-serif; line-height:1.25em; } .zenario_skin .zenario_banner ul, .zenario_skin .zenario_html_snippet ul, .zenario_skin .zenario_user_forms ul { padding-left:0; padding-bottom:0; } .zenario_skin .zenario_banner ul li, .zenario_skin .zenario_html_snippet ul li, .zenario_skin .zenario_user_forms ul li { list-style:none; padding:0 0 15px 38px; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-bullet-tick.svg') no-repeat 0 0 / 24px; } /* Styles for text. These rules are listed in the description.yaml file in the 'style_formats', so they will be selectable in in the WYSIWYG Editor. --------------------------------------------------------------------------------------------------*/ .x-small { font-size: .7em; } .small { font-size: .85em; } .medium { font-size: 1em; } .large { font-size: 1.3em; line-height:1.2em; } .x-large { font-size: 2em; line-height:1.2em; } .code { font-family: monospace; } /**/ /* Reset element properties --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="submit"], .zenario_skin input[type="search"], .zenario_skin button, #colorbox input[type="submit"], #colorbox button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ appearance: none; -webkit-border-radius: 0; } /* Form fields --------------------------------------------------------------------------------------------------*/ .zenario_skin form { margin:0; padding:0; } .zenario_skin input, .zenario_skin button, .zenario_skin select, .zenario_skin textarea, #colorbox input { font-size:1em; font-family: "proxima-nova",Verdana, Geneva, sans-serif; } .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin input[type='search'], .zenario_skin textarea { max-width:450px; } .zenario_skin input.hasDatepicker[type="text"], .zenario_extranet_profile input.jquery_form_datepicker[type="text"] { width:150px !important; } .zenario_skin select, .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin input[type='search'], .zenario_skin textarea { padding:0 20px; width:calc(100% - 42px); border:0; height:42px; line-height:42px; background:#F9F9F9; color:#3e3e3e; -webkit-border-radius: 4px; border-radius: 4px; } .zenario_skin select { width:100%; } .zenario_skin select, .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin textarea { -webkit-box-shadow: inset 0 0 1px #000000; box-shadow: inset 0 0 1px #000000; } .zenario_skin textarea { padding-top:8px; padding-bottom:8px; height:120px; line-height:24px; } .zenario_skin input[type='file'] { font-size:0.867em; background:#f0f0f0; padding:1% 2%; width: 96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_skin input[readonly], .zenario_skin select[disabled], .zenario_skin input[disabled], .zenario_skin .extranet_view_profile input.hasDatepicker[disabled] { background:#E3E2E2; color:#8a8a8a; cursor:default; -webkit-box-shadow: none; box-shadow: none; } .zenario_skin input.hasDatepicker[disabled], .zenario_skin input.hasDatepicker[readonly] { background:#E3E2E2; color:#8a8a8a; -webkit-box-shadow: inset 0 0 1px #000000; box-shadow: inset 0 0 1px #000000; } .zenario_skin input[readonly]:focus, .zenario_skin select[disabled]:focus, .zenario_skin input[disabled]:focus, .zenario_skin .extranet_view_profile input.hasDatepicker[disabled]:focus, .zenario_skin input.hasDatepicker[disabled]:focus, .zenario_skin input.hasDatepicker[readonly]:focus { background:#E3E2E2; } .zenario_skin .form_field.readonly .field_title { color:#999; } .zenario_skin input.zenario_remove_date[type='button'] { width:26px; height:26px; line-height:26px; padding:0; text-align:center; border-radius:50%; -webkit-border-radius:50%; margin-left:5px; } .zenario_skin select:focus, .zenario_skin input[type='text']:focus, .zenario_skin input[type='password']:focus, .zenario_skin input[type='email']:focus, .zenario_skin textarea:focus, .zenario_skin input[readonly]:focus, .zenario_skin select[disabled]:focus, .zenario_skin input[disabled]:focus { outline:none; } .zenario_skin select:focus, .zenario_skin input[type='text']:focus, .zenario_skin input[type='password']:focus, .zenario_skin input[type='email']:focus, .zenario_skin textarea:focus { -webkit-box-shadow: inset 0 0 1px #1d71b8; box-shadow: inset 0 0 1px #1d71b8; background:#f5fbff; } .zenario_skin input[readonly]:focus, .zenario_skin select[disabled]:focus, .zenario_skin input[disabled]:focus { -webkit-box-shadow: none; box-shadow: none; } /* Buttons --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button, #colorbox input[type="submit"], #colorbox input[type="button"], #colorbox button { cursor:pointer; } .zenario_skin input[disabled="disabled"], #colorbox input[disabled="disabled"], #colorbox input[disabled="disabled"] { color:#A5A5A5; cursor:default; } .zenario_skin input[disabled="disabled"], #colorbox input[disabled="disabled"], #colorbox input[disabled="disabled"], .zenario_skin input[disabled="disabled"]:focus, #colorbox input[disabled="disabled"]:focus, #colorbox input[disabled="disabled"]:focus, .zenario_skin input[readonly]:focus, .zenario_skin select[disabled]:focus, .zenario_skin input[disabled]:focus { background:#E3E2E2; } /* Fix for captcha --------------------------------------------------------------------------------------------------*/ #recaptcha_widget_div { margin-top:10px; } #recaptcha_area, #recaptcha_table { line-height: 0!important; } .recaptchatable a, .recaptchatable a:hover { color:#A51400 !important; } .recaptcha_only_if_privacy { position:absolute !important; width:100px; left:185px !important; } /* Messages --------------------------------------------------------------------------------------------------*/ .error, .success, .warning, .extranet_error, .extranet_message, .extranet_confirm, .form_error { margin-bottom:8px; } /* - Error ---------------------------------------------------------------------------------------*/ .error, .extranet_error, .form_error { color:#CE0011; } .error p { margin:0; } /* - Sucess --------------------------------------------------------------------------------------*/ .success, .extranet_message { color:#44A02A; } /* - Warning -------------------------------------------------------------------------------------*/ .extranet_confirm, .warning { color:#00509D; } .extranet_wrap .success { background:none; } /**/ body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-autocomplete { z-index:10 !important; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content { background:#FCFDFD; border: 1px solid #EAE7E8; color: #333; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget { font-family:Arial, Helvetica, sans-serif; font-size:0.929em; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-all, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-bottom, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-right, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-br { -webkit-border-radius: 0; border-radius: 0; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-focus, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-focus, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-focus { border-color:#EAE7E8; background:#EAE7E8; color: #333; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-active.ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-active, body:not(.zenario_fbAdminFloatingBox__isOpen) a.ui-button:active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-button:active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-button.ui-state-active:hover { border: 1px solid #cd1919; background: #be2222; color: #fff; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-highlight, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-highlight, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-highlight { border-color: #69aecf; background: #69aecf; color: #fff; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-trigger { text-indent: -999px; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker .ui-datepicker-title select { width:70px; padding:2px; margin:1px 2px; font-size:14px; } body:not(.zenario_fbAdminFloatingBox__isOpen) .paginator_slider .ui-slider-handle.ui-state-hover { background:#1d71b8; border-color:#1d71b8; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-circle-previous-blue.svg') no-repeat center center / 14px 14px; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-circle-next-blue.svg') no-repeat center center / 14px 14px; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-prev, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-next { cursor:pointer; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-prev.ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-next.ui-state-hover { border-color:#e9e9e9; background-color:#e9e9e9; } /* Slider */ body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-slider-horizontal { height:0.5em; -webkit-border-radius: 5px; border-radius: 5px; background: #DDE9F3; border-color: #CDDBE7; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-slider-horizontal .ui-slider-handle { -webkit-border-radius: 50%; border-radius: 50%; background-color:#1d71b8; border-color:#1d71b8; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-slider-horizontal .ui-slider-handle:focus { outline:none; outline:0; } /**/ * { margin: 0; } html { position:relative; } html { height: 100%; } .zenario_skin { background:#151515; min-height: 100%; position:relative; } #zenario_citem { position:relative; } /* HEADER --------------------------------------------------------------------------------------------------*/ .Grid_Header { background:#FFF; padding:10px 0 30px; } .slot_menu { background:#3C3C3C; } .slot_full { background:#FFF; } .Grid_Menu { background:#3c3c3c; } /* HEADER V3 --------------------------------------------------------------------------------------------------*/ .Grid_Top { position:absolute; top:0; width:100%; } .Grid_Header { position:absolute; top:58px; width:100%; } #zenario_citem { padding-top:calc(58px + 160px); } body.mobile #zenario_citem { padding-top:calc(58px + 70px); } .layout_home #zenario_citem, body.mobile .layout_home #zenario_citem { padding-top:58px; } body.zenario_showing_standalone_plugin #zenario_citem, body.zenario_showing_standalone_plugin .layout_home #zenario_citem { padding-top:0; } .layout_v3 .Grid_Header { width:100%; min-height:48px; background: #fff; padding:0; } .layout_v3.layout_home .Grid_Header { padding:20px 0 0; position:absolute; top:58px; z-index:10; background:transparent; } .layout_v3 .Grid_Header .container { position:relative; } .sticky_header .layout_v3 .Grid_Header { position: fixed; z-index:30; top:0; height:40px; padding:10px 0; background: #FFF; border-bottom:1px solid #888; } body.mobile .sticky_header .layout_v3 .Grid_Header { padding:0; height:60px; } body.mobile .layout_v3 .Grid_Header { padding:0; } .zenario_adminLoggedIn .sticky_header .layout_v3 .Grid_Header { top:129px; } .zenario_adminLoggedIn.zenario_adminToolbarHidden .sticky_header .layout_v3 .Grid_Header { top:10px; } .layout_v3 .slot_menu { background:transparent; } .layout_v3 .Grid_Header_Logo { height:60px; padding:20px 0; background:#fff; } /* New sticky header */ body.desktop #zenario_layout:not(.layout_home) .Grid_Header .container { padding:20px 0; } body.desktop #zenario_layout:not(.layout_home) .Grid_Header .Slot_Logo { padding-bottom:20px; } body.desktop .sticky_header #zenario_layout:not(.layout_home) .Grid_Header .container { padding:0; } body.desktop .sticky_header #zenario_layout:not(.layout_home).layout_v3 .Grid_Header { height:90px; } body.desktop.zenario_show_empty_slots_and_mobile_only_slots .sticky_header #zenario_layout:not(.layout_home).layout_v3 .Grid_Header { height:auto; } .Grouping_Header { display:flex !important; justify-content: right; padding-top:9px; } body.mobile .Grouping_Header { position: absolute; top: 10px; right: 15px; width:50px; } body.zenario_adminLoggedIn.zenario_pageMode_layout .Grouping_Header { display:block !important; } /* TOP --------------------------------------------------------------------------------------------------*/ .Grid_Top { height:56px; background:#FFF; border-bottom:2px solid #1d71b8; } .Grid_Top .container { height:26px; padding:15px 0; } /* BODY --------------------------------------------------------------------------------------------------*/ .Grid_Body { padding-top:30px; } .Grid_Body, .Grid_Content { background:#FFF; } .Grid_Body .container { min-height:300px; } .page_membership .Grid_Body .container { min-height:auto; padding-bottom:40px; } .Grid_Body .zenario_slot { margin-bottom:30px; } .layout_home .Grid_Body .zenario_slot { margin-bottom:100px; } /*.layout_landing .Grid_Body .zenario_slot { margin-bottom:40px; }*/ .layout_v3.layout_home .Grid_Body .zenario_slot, .Grid_Body .zenario_slot .zenario_slot, .layout_home .Grid_Body .zenario_slot .zenario_slot, .layout_landing .Grid_Body .zenario_slot .zenario_slot { margin-bottom:0; } .Grid_Section, .Grid_Content { padding:50px 0; } .layout_home .Grid_Section_Events, .Gridbreak_Section_Renew { background:#136FBC; } .layout_home .Grid_Section_Grey, .Gridbreak_Section_Grades { background:#EBEBEB; } .page_membership .Slot_Main_3 { margin-bottom:40px; } /* FOOTER --------------------------------------------------------------------------------------------------*/ .Grid_Bottom, .Grid_Sitemap { padding:25px 0; background:#3c3c3b; } .Grid_Footer { padding:25px 0 15px; background:#151515; } .Grid_Sitemap *, .Grid_Sitemap a, .Grid_Bottom *, .Grid_Bottom a, .Grid_Footer *, .Grid_Footer a { color:#FFF; } .Grid_Sitemap { border-bottom:1px solid #efefef; } body.mobile .Grid_Sitemap { display:none; } /* GENERAL --------------------------------------------------------------------------------------------------*/ .zenario_skin img { display:block; } /**/ /* Edit box */ .ior_membership_applications_fea .zfea_edit_box > h1, .ior_membership_applications_fea .zfea_edit_box > h2, .ior_membership_applications_fea .zfea_edit_box > h3 { padding-left:0; background:none; margin-bottom:1em; color:#3c3c3b; } .ior_membership_applications_fea .zfea_form_grouping { background: #f5f5f5; } body.desktop .ior_membership_applications_fea .zfea_form_grouping { padding: 1em 2em 1.5em; } body.desktop .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_score"], body.desktop .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision, body.desktop .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_comments"] { float:left; clear:none; } body.desktop .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_score"], body.desktop .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision { width:35%; padding-top:43px; } body.desktop .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_comments"], body.desktop .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_decision_comments"] { width:60%; padding-left:5%; } .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_score"] .zfea_row_fields, .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_score"] .zfea_row_fields > div:nth-child(2), .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision .zfea_row_fields, .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision .zfea_row_fields > div:nth-child(2) { display:flex; align-items:center; gap:10px 20px; flex-wrap:wrap; } .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_score"] .zfea_row_fields > div:nth-child(2), .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision .zfea_row_fields > div:nth-child(2) { gap:20px; } .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_score"] .title, .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_score"] label, .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision .title, .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision label { padding:0; } .ior_membership_applications_fea .zfea_edit_box .zfea_form_row[class*="_comments"] textarea { max-width:none; } .ior_membership_applications_fea .zfea_edit_box .zfea_form_row span[id*="_question"] .title, .ior_membership_applications_fea .zfea_edit_box .zfea_form_row__overall_decision .title label { font-size: 1.3em; line-height: 1.4; font-weight: 400; } /* Application reviews */ .ior_membership_applications_fea h3 { color:#3c3c3b; } .zfea.zfea_zenario_list_fellow_membership_application_reviews .zfea_top_buttons { float:none; display:flex; justify-content:center; padding:1.2em 0 0; } .ior_membership_applications_fea table.table_reviews tr td { border-bottom:1px solid #fff; } .ior_membership_applications_fea .table_reviews .table_row_commitment td, .ior_membership_applications_fea .zfea_form_grouping.zfea_form_grouping__commitment_grouping { background:#e1f5fc; } .ior_membership_applications_fea .table_reviews .table_row_leadership td, .ior_membership_applications_fea .zfea_form_grouping.zfea_form_grouping__leadership_grouping { background:#edf0fa; } .ior_membership_applications_fea .table_reviews .table_row_involvement td, .ior_membership_applications_fea .zfea_form_grouping.zfea_form_grouping__involvement_grouping { background:#f1f8f7; } .ior_membership_applications_fea .table_reviews .table_row_overall_decision td, .ior_membership_applications_fea .zfea_form_grouping.zfea_form_grouping__overall_decision_grouping { background:#e1effc; } .ior_membership_applications_fea .table_reviews .table_row_overall_decision td:last-child { font-weight:700; } /**/ .zenario_advanced_search { width:100%; } .zenario_advanced_search .search_button_panel { max-width:1340px; width:100%; height:42px; margin:auto; } .Grid_Top .Slot_Search .zenario_advanced_search .search_button_panel.active:before { content:""; width:100%; height:100%; background:rgba(102,102,102,0.5); position:fixed; top:0; left:0; right:0; bottom:0; z-index:90; } /* Search entry button ---------------------------------------------------------------- */ .zenario_advanced_search .search_button_panel .search_button { display:inline-block; float:right; width:25px; height:25px; font-size:0; line-height:0; cursor:pointer; } .zenario_advanced_search .search_button_panel .search_button:before { font-family:"FontAwesome"; content:"\f002"; font-size:22px; line-height:21px; position:relative; right:0; color:#1d71b8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_advanced_search .search_button_panel .search_button:hover:before, .zenario_advanced_search .search_button_panel.active .search_button:before { color:#e30613; } /* Search entry box panel -------------------------------------------------------------- */ .zenario_advanced_search .search_entry_box_panel { clear:both; width:100%; max-width:1160px; position:absolute; z-index:90; left:0; right:0; margin:auto; } /* Search criteria panel. Mode: Search entry box -------------------------------------- */ .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria { height:41px; padding:20px; background:rgba(0,0,0,0.8); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form > div { overflow:hidden; position:relative; max-width: 1024px; margin: auto; display:inline-block; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div label, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input { float:left; height:40px; line-height:40px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div label { padding-right:10px; color:#FFF; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input { -webkit-border-radius: 0; border-radius: 0; border:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input:focus { outline:0; outline:none; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box:focus { box-shadow:inset 0 0 0 2px #1d71b8; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { width:700px; margin-right:10px; color:#000; font-weight:600; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button { min-width:auto; padding:0; width:100px; background:#1d71b8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button:hover { opacity:1; background:#2182d4; color:#FFF; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button { position:relative; z-index:9; top:6px; right:0; border-radius:50%; background:#1d71b8; width:30px; height:30px; margin-left:10px; float:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:hover { background:#2182d4; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:before, .zenario_advanced_search .search_entry_box_panel .search_area .close_button:after { left:13.5px; top:7px; } .zenario_advanced_search .search_area .close_button { width:20px; height:20px; font-size:0; line-height:0; cursor:pointer; } .zenario_advanced_search .search_area .close_button:before, .zenario_advanced_search .search_area .close_button:after { position: absolute; left: 10px; content: ' '; height: 16px; width: 3px; background-color: #FFF; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_advanced_search .search_area .close_button:hover:before, .zenario_advanced_search .search_area .close_button:hover:after { } .zenario_advanced_search .search_area .close_button:before { transform: rotate(45deg); } .zenario_advanced_search .search_area .close_button:after { transform: rotate(-45deg); } /* Search results panel. Mode: search box -------------------------------------------- */ .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results { text-align:left; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results { position:relative; padding:15px; /*display:flex; flex-wrap: wrap;*/ overflow:hidden; background: #f3f6f8; box-shadow:0 0 10px rgba(0,0,0,0.2); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .search_column_more { clear:both; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column { float:left; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .column_title { display: inline-block; padding: 0 0 15px 10px; font-family: "lexia",Verdana, Geneva, sans-serif; font-size: 1.3em; color: #000; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .column_title { padding-left:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_no_results { padding-left:10px; font-size:0.938em; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .search_no_results { padding-left:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column > a, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a { display:block; margin-bottom:8px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column > a:hover, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a:hover { text-decoration:none; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .search_result { margin-left:0; } body.ie .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_result .search_result_content .search_result_summary p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.ff .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_result .search_result_content .search_result_summary p, body.webkit .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_result .search_result_content .search_result_summary p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(243, 246, 248, 0); border-bottom-color: #f3f6f8; border-width: 10px; margin-left: -10px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { -webkit-line-clamp: 2; } .zenario_advanced_search .search_entry_box_panel .search_area form div a { display:inline-block; position:relative; padding-left:20px; line-height:40px; margin-left:30px; color:#ec3f49; text-decoration:underline; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_advanced_search .search_entry_box_panel .search_area form div a:before { font-family:"FontAwesome"; content:"\f15b"; margin-right:8px; position:absolute; left:0; } .zenario_advanced_search .search_entry_box_panel .search_area form div a:hover { color:#d73841; } /* Common */ .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result { overflow:hidden; padding:10px 15px; margin:0 10px; background:#E3EBF2; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result:hover { background:#D3DDE6; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_image { float:left; padding-right:15px; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content { overflow:hidden; line-height:1.2em; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title { font-weight:bold; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title .title span { color: #000; font-size: 0.75em; font-weight: normal; font-style: italic; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title a { color:#1d71b8; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .breadcrumb { color:#555; font-size:0.813em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { font-size:0.875em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color:#000; } /* Search criteria panel. Mode: Search results ---------------------------------------- */ .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_categories { background:#efefef; padding:20px; overflow:hidden; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div { display:flex; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div div { margin-right:20px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div label { margin-right:8px; line-height:40px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div select { font-size:0.875em; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="text"] { width:300px; margin-right:8px; height:38px; font-weight:bold; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="text"]::placeholder { font-weight:normal; font-style:italic; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="text"]:focus { outline:none; outline:0; box-shadow:inset 0 0 0 2px #1d71b8; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="submit"] { min-width:auto; height:40px; line-height:1em; margin-right:8px; } /* Search results. Mode: Search results ---------------------------------------- */ .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results { margin-top:20px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_heading { padding-bottom:20px; font-family: "lexia",Verdana, Geneva, sans-serif; font-size: 1.3em; color: #000; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs { border-bottom:1px solid #ccc; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div { display:inline-block; position:relative; bottom: -1px; border-bottom: 1px solid #ccc; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a { display:inline-block; padding:10px; margin:0 10px; background:#FFF; border-bottom:2px solid #FFF; color:#888; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div:first-child a { margin-left:0; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a:hover { text-decoration:none; color:#00659b; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div.search_results_tab_on a { color:#000; border-color:#000; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results { padding-top:15px; } .zenario_advanced_search .search_button_panel:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 90; opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_advanced_search .search_button_panel.active:before { opacity:1; visibility:visible; } .zenario_advanced_search .search_column_more { text-align:right; margin-right:10px; } .zenario_slot.zenario_advanced_search .pinned { font-size:100%; } .zenario_advanced_search .more_results { padding-right:15px; font-size:0.9em; font-style:italic; text-align:right; color:#8f8f8f; } /**/ .zenario_banner.align_center { text-align:center; } .zenario_banner.align_center > div { display:inline-block; margin:auto; } .zenario_banner.align_center img { margin:auto; } /* Logo --------------------------------------------------------------------------------------------------*/ body.desktop .slot_logo .zenario_banner { padding-top:16px; } body.desktop .layout_v3 .slot_logo .zenario_banner { padding-top:0; } body.desktop .sticky_header .layout_v3 .Grid_Header .slot_logo .zenario_banner img { width:196px !important; height:40px !important; } .layout_v3 .Grid_Header .slot_logo .zenario_banner img { transition: 0.2s ease-in-out; } /* Intro text --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_intro_text .banner_content { padding-left:20px; padding-right:20px; } body.mobile .zenario_banner.banner_intro_text .banner_text p span { font-size: 13pt !important; } /* Masthead home --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_home_masthead { position: relative; z-index: 1; } .zenario_banner.banner_home_masthead .banner_image img { margin:auto; } .zenario_banner.banner_home_masthead .banner_wrap_inner { width:100%; overflow:hidden; } .zenario_banner.banner_home_masthead .banner_wrap_inner > a { position:relative; } .zenario_banner.banner_home_masthead .banner_wrap_inner > a:before { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 50%; content: ""; background-image: linear-gradient(to top, transparent, white); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); } .zenario_banner.banner_home_masthead .banner_wrap_inner { position:relative; z-index:1; max-width: 1366px; margin: auto; } .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content { position:absolute; z-index:2; top:100px; right:0; left:0; margin:auto; max-width:calc(1160px - 0.9% - 15px); padding-right:calc(0.9% + 15px); text-align:right; } .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content h1 { font-weight:bold; text-shadow:0 0 2px rgb(255, 255, 255); } body.desktop .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content h1 { font-size:2.25em; } .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content span.highlight { color:#1d71b8; } .zenario_banner.banner_home_masthead.banner_home_masthead_125 { padding-bottom:1em; } /* Masthead home V3 --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_home_masthead { padding-top:80px; } .zenario_banner.banner_home_masthead .banner_wrap_inner > a { width:100% !important; height:480px !important; background-position:center top; } /* Masthead --------------------------------------------------------------------------------------------------*/ .slot_masthead .zenario_banner .banner_wrap { max-width:1366px; margin:auto; position:relative; z-index:1; } .slot_masthead .zenario_banner .banner_wrap .banner_image, .slot_masthead .zenario_banner .banner_wrap .curve { position:absolute; width:100%; height:100%; } .slot_masthead .zenario_banner .banner_wrap .banner_image { z-index:2; } .slot_masthead .zenario_banner .banner_wrap .curve { height:265px; z-index:3; background:url('../../zenario_custom/skins/ior/editable_css/../images/curve-mask-skinny-banner.png') no-repeat center bottom; } .slot_masthead .zenario_banner .banner_wrap .curve, .slot_masthead .zenario_banner .banner_wrap .banner_content { position:absolute; top:0; right:0; } .slot_masthead .zenario_banner .banner_wrap .banner_content { z-index:4; width:100%; max-width:1140px; margin:auto; font-style:italic; } .slot_masthead .zenario_banner .banner_wrap .banner_content .banner_content_inner, .slot_masthead .zenario_banner .banner_wrap .banner_content > .banner_text { width:35%; float:right; text-align:right; padding:20px 30px 0 8px; } .slot_masthead .zenario_banner .banner_wrap .banner_content *, .slot_masthead .zenario_banner .banner_wrap .banner_content a { color:#fff; } .slot_masthead .zenario_banner .banner_wrap .banner_content * { font-style:italic; font-family: "lexia"; } .slot_masthead .zenario_banner .banner_wrap .banner_content p { font-weight:100; font-size:1.500em; line-height:34px; } /* Masthead --------------------------------------------------------------------------------------------------*/ .slot_masthead .zenario_banner { position:relative; } .slot_masthead .zenario_banner a { width:100% !important; } /* Masthead inner page, v3 --------------------------------------------------------------------------------------------------*/ .layout_v3 .slot_masthead .zenario_banner .banner_wrap .banner_image { position:relative; } body.desktop .layout_v3 .slot_masthead .zenario_banner .banner_wrap_inner { position:relative; } body.desktop .layout_v3 .slot_masthead .zenario_banner .banner_wrap_inner { background:transparent; padding-top:0; } body.desktop .layout_v3 .slot_masthead .zenario_banner .banner_wrap_inner:before { display:none; } /* Home page, Grouping --------------------------------------------------------------------------------------------------*/ .Grouping_Home_Bottom .zenario_banner .banner_content .banner_text { padding:15px 0; } .Grouping_Home_Bottom .zenario_banner .banner_content h3 { font-size:1.750em; } .Grouping_Home_Bottom .zenario_banner .banner_content h3 a { color:#3c3c3b; } .Grouping_Home_Bottom .zenario_banner .banner_content h3 a:hover { text-decoration:none; } .Grouping_Home_Bottom .zenario_banner .banner_content .banner_more a { min-width:85px; } /* Home page, membership --------------------------------------------------------------------------------------------------*/ .slot_membership .zenario_banner { overflow:hidden; } .slot_membership .zenario_banner > div { position:relative; z-index:1; } .slot_membership .zenario_banner .banner_image img { max-width:100%; height:auto !important; } .slot_membership .zenario_banner .banner_content { position:absolute; z-index:2; padding:0 40px; width:calc(100% - 80px); top: 50%; transform: translateY(-50%); text-align:center; } /* Home page, apprentice --------------------------------------------------------------------------------------------------*/ .slot_apprentice .zenario_banner > div { position:relative; z-index:1; overflow:hidden; background:#e9e9e9; } .slot_apprentice .zenario_banner .banner_image { float:left; } .slot_apprentice .zenario_banner .banner_image img { max-height:380px; width:auto !important; } .slot_apprentice .zenario_banner .banner_content { overflow:hidden; padding:20px 30px 20px 20px; } .slot_apprentice .zenario_banner .banner_content .banner_more { text-align:center; } /* Two columns, image left Nest banners two columns --------------------------------------------------------------------------------------------------*/ .zenario_banner.two_columns, .nest_banners_two_columns .zenario_banner { overflow:hidden; clear:both; } .zenario_banner.two_columns img, .nest_banners_two_columns .zenario_banner img { max-width:100% !important; height:auto !important; } .zenario_banner.two_columns .banner_content, .zenario_banner.two_columns .banner_image { width:48.5%; } .zenario_banner.two_columns.columns_70_30 .banner_content, .nest_banners_two_columns .zenario_banner .banner_content { width:65.5%; } .zenario_banner.two_columns.columns_70_30 .banner_image, .nest_banners_two_columns .zenario_banner .banner_image { width:31.2%; } .zenario_banner.two_columns .banner_content, .zenario_banner.two_columns.img_left .banner_image, .nest_banners_two_columns .zenario_banner .banner_content { float:left; } .zenario_banner.two_columns .banner_image, .zenario_banner.two_columns.img_left .banner_content, .nest_banners_two_columns .zenario_banner .banner_image { float:right; } .zenario_banner.two_columns h2, .nest_banners_two_columns .zenario_banner h2 { margin-bottom:30px; } .zenario_banner.two_columns h2 a, .nest_banners_two_columns .zenario_banner h2 a { color:#3c3c3b; } .zenario_banner.two_columns h2 a:hover, .nest_banners_two_columns .zenario_banner h2 a:hover { text-decoration:none; } .zenario_banner.two_columns .banner_more, .nest_banners_two_columns .zenario_banner .banner_more { padding-top:20px; } .zenario_banner.banner_landing .banner_content p, .zenario_banner.banner_landing .banner_content ul, .nest_banners_two_columns .zenario_banner .banner_content p, .nest_banners_two_columns .zenario_banner .banner_content ul { font-size:1.125em; } .zenario_banner.banner_landing .banner_content blockquote p, .nest_banners_two_columns .zenario_banner .banner_content blockquote p { font-size:1em; } .Grid_Body .nest_banners_two_columns .zenario_banner, .layout_landing .Grid_Body .zenario_slot.nest_banners_two_columns .zenario_slot.zenario_banner { margin-bottom:100px; } .nest_banners_two_columns .zenario_banner .banner_more { padding-left:42px; } /* Banner indent more link --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_indent_more_link .banner_more { padding-left:42px; } /* Back --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_title_back > div { border-top:2px solid #e9e9e9; padding-top:10px; margin-top:30px; } .zenario_banner.banner_title_back a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_banner.banner_title_back a:hover { opacity:0.9; text-decoration:none; } /* Center align --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_center_align { text-align:center; } .mce-content-body div { border:1px dotted #000; } /* Call to action --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_cta { margin:40px 0 60px; } .zenario_banner.banner_cta h2 { font-weight:600; } .zenario_banner.banner_cta h2 a { color:#E30513; } .zenario_banner.banner_cta h2 a:hover { text-decoration:none; } .zenario_banner.banner_cta > div { overflow:hidden; margin:auto; max-width:800px; text-align:center; padding:20px; border:3px solid #1D71B7; } .zenario_banner.banner_cta > div, .zenario_banner.banner_cta > div > div { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /* Home recent added --------------------------------------------------------------------------------------------------*/ .Grid_Section_Recent .zenario_banner .banner_image img { max-width:100% !important; height:auto !important; } .Grid_Section_Recent .zenario_banner .banner_image a { display:inline-block; background:#000; } .Grid_Section_Recent .zenario_banner .banner_title h2 { max-width:100% !important; height:auto !important; } .Grid_Section_Recent .slot_recent_main .zenario_banner .banner_title { padding-top:5px; } .Grid_Section_Recent .Slot_Recent_Added_3, .Grid_Section_Recent .Slot_Recent_Added_4 { margin-top:15px; } .Grid_Section_Recent .zenario_banner .banner_title h2 a, .Grid_Section_Recent .zenario_banner .banner_image img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .Grid_Section_Recent .zenario_banner:hover .banner_title h2 a { color:#1d71b8; text-decoration:underline; } .Grid_Section_Recent .zenario_banner:hover .banner_image img { opacity:0.85; } /* Search --------------------------------------------------------------------------------------------------*/ body.desktop .zenario_banner.banner_search .banner_wrap_inner { display:flex; } body.desktop .zenario_banner.banner_search .banner_image { margin-right:25px; } body.desktop .zenario_banner.banner_search .banner_content h3 { line-height:70px; font-size:2em; } .zenario_banner.banner_search .banner_content h3 a { color:#000; } .zenario_banner.banner_search .banner_content h3 a:hover { color:#1d71b8; text-decoration:none; } /* Banner renew membership --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_renew_membership { max-width:800px; margin:auto; } .zenario_banner.banner_renew_membership * { color:#FFF; text-align:center; } .zenario_banner.banner_renew_membership .banner_more a:hover { background:#ef5a63; /* Red */ } /* Banner membership intro --------------------------------------------------------------------------------------------------*/ .zenario_banner.landing_intro div { overflow:hidden; } .zenario_banner.landing_intro .banner_title a { color:#3c3c3b; } body.desktop .zenario_banner.landing_intro div .banner_image { float:right; margin-left:25px; } .zenario_banner.landing_intro div .banner_content { overflow:hidden; } .zenario_banner .text_blue { font-size: 1.3em; line-height: 1.5em; font-family: "lexia",Verdana, Geneva, sans-serif; font-weight: 300; color: #1d71b8; } body.mobile .zenario_banner.landing_intro div .banner_image { margin-bottom:15px; } body.mobile .zenario_banner.landing_intro div .banner_image img { margin:auto; } /* Banner requirements --------------------------------------------------------------------------------------------------*/ .zenario_banner.panel_requirements .banner_wrap { overflow:hidden; padding:30px; border:1px solid #1d71b8; background:#f8f8f9; margin:auto; } .banner_image .enlarge_in_fancy_box { display:block; text-align:center; } .banner_image .enlarge_in_fancy_box .banner_image_zoom:before { font-family:"FontAwesome"; content:"\f00e"; padding-right:8px; } /* Control button --------------------------------------------------------------------------------------------------*/ .Grid_Body .zenario_slot.zenario_banner.control_button { margin-bottom:0; } .zenario_banner.control_button { float:right; } .zenario_banner.control_button .banner_title p { font-size:0.95em; } .zenario_banner.control_button .banner_title a { position: relative; background: #00427a; color:#FFF; padding: 0 15px 0 35px; line-height: 36px; display: inline-block; border-radius: 4px; transition : opacity 200ms ease-in-out; } .zenario_banner.control_button .banner_title a:before { font-family: "Font Awesome 6 Free"; font-weight:600; content: "\f58d"; position: absolute; left: 15px; top:0; } .zenario_banner.control_button .banner_title a:hover { text-decoration:none; opacity:0.9; } /**/ .zenario_breadcrumbs { overflow:hidden; clear:both; } .zenario_breadcrumbs span { display:inline-block; padding:0 8px 0 22px !important; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-breadcrumbs.png') no-repeat 0 4px !important; } .zenario_breadcrumbs span.level1_1, .zenario_breadcrumbs span.level1_1_on { padding-left:0 !important; background:none !important; } .zenario_breadcrumbs {; font-size:0.875em; } .zenario_breadcrumbs a { color:#9d9d9d !important; } .zenario_breadcrumbs a:hover { color:#3c3c3b !important; } .zenario_breadcrumbs .current a, .zenario_breadcrumbs .current a:hover { color:#ed3639 !important; } /* Overwrite FEA styles */ .zenario_skin .breadcrumb::before { content:none; padding-right:0; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before { font-family:initial; } .layout_v3 .slot_breadcrumbs { padding-bottom:20px; } /**/ .zenario_content_list .content_list_data_row { position:relative; } .zenario_adminLoggedIn .zenario_content_list .content_list_data_row a.zenario_front_end_picked_item_info { position:absolute; top:5px; right:5px; } /* CSL default --------------------------------------------------------------------------------------------------*/ .zenario_content_list__default_style h1 { padding:19px 0 19px 105px; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-latest-news.svg') no-repeat 0 0 / 81px; } .zenario_content_list__default_style .content_list_data_row, .zenario_content_list.csl_recent_posts .content_list_data_row { overflow:hidden; padding:30px 0 15px 0; border-bottom:2px solid #e9e9e9; } .zenario_content_list__default_style .content_list_listing .content_list_data_row:first-child, .zenario_content_list.csl_recent_posts .content_list_data_row:first-child { border-top:2px solid #e9e9e9; } .zenario_content_list__default_style .content_list_data_row div.sticky_image { float:left; margin-right:20px; } .zenario_content_list.csl_recent_posts .content_list_data_row div.sticky_image { float:left; margin:20px 10px 5px 0; } .zenario_content_list__default_style .content_list_data_row div.sticky_image img, .zenario_content_list.csl_recent_posts .content_list_data_row div.sticky_image img { -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_content_list__default_style .content_list_data_row div.sticky_image:hover img, .zenario_content_list.csl_recent_posts .content_list_data_row div.sticky_image:hover img { opacity:0.85; } .zenario_content_list__default_style .content_list_data_row .content_list_text { overflow:hidden; margin-top:12px; } .zenario_content_list__default_style .content_list_data_row .content_list_text h2, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_text h3 { font-size:1em; font-weight: 700; line-height: 24px; margin-bottom: 0; padding-bottom: 0; } .zenario_content_list__default_style .content_list_data_row .content_list_text h2 a, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_text h3 a { color:#3c3c3b; } .zenario_content_list__default_style .content_list_data_row .content_list_text h2 a:hover, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_text h3 a:hover { color:#1d71b8; } .zenario_content_list__default_style .content_list_data_row .content_list_text .content_list_date, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_text .content_list_date { font-style:italic; } .zenario_content_list__default_style .content_list_data_row .content_list_text .content_list_date, .zenario_content_list__default_style .content_list_data_row .content_list_more, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_text .content_list_date, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_more { font-size:0.875em; } .zenario_content_list.zenario_content_list__default_style .content_list_listing .content_list_data_row .pinned_icon::before { top:35px; left:0; } .zenario_content_list__default_style .content_list_data_row .content_list_text .pinned + h2 { margin-left:40px; } .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_text { margin-top:12px; font-size: 90%; line-height: 1.5; } .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_excerpt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .zenario_content_list.csl_recent_posts .content_list_listing .content_list_data_row .pinned_icon::before { top:20px; width: 20px; height: 20px; line-height: 20px; font-size: 70%; } /* CSL grid --------------------------------------------------------------------------------------------------*/ body.desktop .zenario_content_list.csl_grid { padding-top:30px; } .zenario_content_list.csl_grid .content_list_listing { overflow:hidden; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row { position:relative; } body.desktop .zenario_content_list.csl_grid .content_list_listing .content_list_data_row { width:30%; margin:0 1.5% 80px; float:left; } body.desktop .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:nth-child(3n+3) { clear:right; } body.desktop .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:nth-child(3n+4) { clear:left; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row div.sticky_image { margin-bottom:10px; background:#1d71b8; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row div.sticky_image img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:hover div.sticky_image img { opacity:0.9; } body.desktop .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text { min-height:130px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text h2 { font-size:1.125em; line-height: 1.3em; margin-bottom: 0; padding-bottom: 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:600; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text h2 a { color:#000; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:hover .content_list_text h2 a { color:#1d71b8; text-decoration:none; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row p.content_list_date { font-size:0.813em; margin-bottom:5px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text h2 a, .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_excerpt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text h2 a { -webkit-line-clamp: 2; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_excerpt p { -webkit-line-clamp: 3; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_excerpt p:nth-child(2) { display:none; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_more a { display:inline-block; height:36px; line-height:36px; padding:0 15px; border:2px solid #1d71b8; background:#FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:hover .content_list_more a { text-decoration:none; background:#1d71b8; color:#FFF; } .zenario_content_list.csl_grid .content_list_listing { text-align:center; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row { text-align:left; } .zenario_content_list.csl_grid .content_list_listing > .content_list_more_bottom { clear:both; margin:0 0 40px; } /* Pinned icon */ .zenario_content_list .content_list_listing .content_list_data_row .pinned_icon { height:0; position:absolute; top:0; } .zenario_content_list .content_list_listing .content_list_data_row .pinned_icon::before { position:absolute; top:5px; left:5px; width: 30px; height: 30px; line-height: 30px; padding:0; text-align: center; -webkit-border-radius:50%; border-radius:50%; background:#1d71b8; color:#FFF; border:2px solid #fff; display: inline-block; transform: rotate(-30deg); } /* Categories */ .zenario_content_list .content_list_listing .content_list_data_row .content_list_category { position:absolute; top:0; right:0; display:inline-block; padding:2px 10px; background:#000; color:#FFF; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:600; text-transform:uppercase; font-size:0.75em; padding-left:40px; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category:before { font-family: "FontAwesome"; position: absolute; background: #000; left: 0; width: 20px; height: calc(100% - 4px); top: 0; display: inline-block; padding: 2px 5px; text-align: center; font-weight: 100; font-size: 16px; content: "\f2dc"; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category.category_5:before { /* Online event */ content: "\f008"; background:#e30613; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category.category_6:before { /* Education */ content: "\f02d"; background: #1d71b8; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category.category_7:before { /* Live event */ content: "\f008"; background: #B81D71; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category.category_8:before { /* Publication */ content: "\f2dc"; background: #F38B0C; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category.category_9:before { /* News */ content: "\f1ea"; background: #1DB8B2; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category.category_10:before { /* Environment */ content: "\f18c"; background: #71B81D; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_category.category_11:before { /* Recording */ content: "\f130"; background: #641DB8; } /* CSL buttons --------------------------------------------------------------------------------------------------*/ .zenario_content_list.csl_buttons { } .zenario_content_list.csl_buttons .content_list_listing:before, .zenario_content_list.csl_buttons .content_list_listing:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_content_list.csl_buttons .content_list_listing:after { clear: both; } .zenario_content_list.csl_buttons .content_list_listing { text-align:center; } .zenario_plugin_nest.nest_sections .content_list_data_row { border:2px solid #e9e9e9; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; height:224px; width: calc(20% - 4% - 4px); margin: 0 2%; float: left; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; -webkit-tap-highlight-color: rgba(0,0,0,0); } .zenario_plugin_nest.nest_sections .content_list_data_row img { padding:20px 0 40px; margin:auto; max-width:80% !important; height:auto !important; } .zenario_plugin_nest.nest_sections .content_list_data_row .content_list_text { padding:0 15px; } .zenario_plugin_nest.nest_sections .content_list_data_row .content_list_title a, .zenario_plugin_nest.nest_sections .content_list_data_row .content_list_title a:hover { text-decoration:none; } .zenario_plugin_nest.nest_sections .content_list_data_row .content_list_title a { color:#3c3c3b; } .zenario_plugin_nest.nest_sections .content_list_data_row { } .zenario_plugin_nest.nest_sections .content_list_data_row:hover, .zenario_plugin_nest.nest_sections .content_list_data_row:focus, .zenario_plugin_nest.nest_sections .content_list_data_row:active { box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.18); } /* Control panel --------------------------------------------------------------------------------------------------*/ /* .zenario_content_list.control_panel .content_list_listing:before, .zenario_content_list.control_panel .content_list_listing:after { content:'.'; width:0; height:0; font-size:0; line-height:0; display:block; overflow:hidden; visibility:hidden } .zenario_content_list.control_panel .content_list_listing:after { clear:both } .zenario_content_list.control_panel .content_list_listing > div { margin-bottom:1.5em; transition: all 0.2s ease-in-out; } body.desktop .zenario_content_list.control_panel .content_list_listing > div { width:32%; float:left; } body.desktop .zenario_content_list.control_panel .content_list_listing > div:hover { transform: scale(1.05); } body.desktop .zenario_content_list.control_panel .content_list_listing > div:nth-child(3n+2) { margin-left:2%; margin-right:2%; } body.desktop .zenario_content_list.control_panel .content_list_listing > div:nth-child(3n+3) { clear:right; } .zenario_content_list.control_panel .content_list_listing > div a { display:block; padding:1.5em; color:#FFF; background:#1d71b8; border-radius: 12px; text-align:center; } .zenario_content_list.control_panel .content_list_listing > div a[href*="fellows"] { background:#C23D82; } .zenario_content_list.control_panel .content_list_listing > div a[href*="fellows"]:hover { background:#DE4A97; } .zenario_content_list.control_panel .content_list_listing > div a:hover { text-decoration:none; background:#2f88d3; } .zenario_content_list.control_panel .content_list_listing > div h2 { font-size:1.2em; } .zenario_content_list.control_panel .content_list_listing > div .content_list_text:before { font-family:"FontAwesome"; content:"\f0c0"; font-size: 3em; padding: 0.5em 0; display: block; } .zenario_content_list.control_panel .content_list_listing > div a[href*="pending"] .content_list_text:before { content:"\f4fd"; } */ .zenario_content_list.csl_recent_posts { } /**/ .zenario_copyright { font-size:0.875em; } /**/ .zenario_ctype_event h3 { color: #3c3c3b; font-style: italic; font-size:1em; font-family:"proxima-nova",Verdana,Geneva,sans-serif; } /**/ .zenario_document_container { /* This class will be applied to all plugins of this type. */ } /* List --------------------------------------------------------------------------------------------------*/ .zenario_document_container.dc_list .document_wrap { padding: 8px 0; border-bottom: 1px dotted #ccc; } /* Doc icon --------------------------------------------------------------------------------------------------*/ .zenario_document_container.dc_doc_icon .document_wrap { position:relative; padding-top:8px; padding-left:30px; } .zenario_document_container.dc_doc_icon .document_wrap:before { font-family:"FontAwesome"; content:"\f15b"; position:absolute; top:6px; left:10px; color:#1d71b8; } /* Title folder --------------------------------------------------------------------------------------------------*/ .zenario_document_container.dc_title_folder .folder_title * { color:#3c3c3b; } .zenario_document_container.dc_title_folder .folder_title { position:relative; padding-left:28px; } .zenario_document_container.dc_title_folder .folder_title:before { font-family:"FontAwesome"; content:"\f07c"; position:absolute; left:0; top:2px; } .zenario_document_container.dc_title_folder.dc_doc_icon .document_wrap { padding-left:50px; } .zenario_document_container.dc_title_folder.dc_doc_icon .document_wrap:before { left:30px; } /**/ .zenario_ecommerce_conference_tickets { text-align:center; } .zenario_ecommerce_conference_tickets .error, .zenario_ecommerce_conference_tickets div { text-align:left; } .zenario_ecommerce_conference_tickets .ticket_type_heading { display:block; background: rgba(29, 113, 184, 0.5); cursor:pointer; } .zenario_ecommerce_conference_tickets .extras { margin-bottom:15px; } .zenario_ecommerce_conference_tickets .ticket_type_heading, .zenario_ecommerce_conference_tickets .extras { padding:12px 15px 15px; margin-top:15px; } .zenario_ecommerce_conference_tickets .ticket_type_heading h3, .zenario_ecommerce_conference_tickets .extras h3 { margin:0; font-size:1.25em; color:#1d71b8; position:relative; padding:0 50px 0 0; } .zenario_ecommerce_conference_tickets .ticket_type_heading h3 { color:#fff; } .zenario_ecommerce_conference_tickets .ticket_type_heading.open h3 { color:#1d71b8; } .zenario_ecommerce_conference_tickets .ticket_type_heading h3:before { position: absolute; top: 50%; right: 0; margin-top: -0.5em; color: #fff; font-size: 20px; font-family: 'FontAwesome'; content: "\f055"; } .zenario_ecommerce_conference_tickets .ticket_type_heading.open h3:before { color:#fff; content: "\f056"; } .zenario_ecommerce_conference_tickets .ticket_type_heading.open { background:#FFF; border-bottom:0; } .zenario_ecommerce_conference_tickets .ticket_type, .zenario_ecommerce_conference_tickets .ticket_type_heading, .zenario_ecommerce_conference_tickets .extras { border:1px solid #ccc; } .zenario_ecommerce_conference_tickets .ticket_type { padding:5px 15px 15px; border-top:0; } .zenario_ecommerce_conference_tickets .ticket_type > p, .zenario_ecommerce_conference_tickets .extras > p { margin:15px 0 4px 0; font-weight:600; } .zenario_ecommerce_conference_tickets .ticket_type p:first-child, .zenario_ecommerce_conference_tickets .extras p:first-child { margin-top:5px; } .zenario_ecommerce_conference_tickets .ticket_type label, .zenario_ecommerce_conference_tickets .extras label { margin:0 8px 0 2px; } .zenario_ecommerce_conference_tickets .ticket_type .description, .zenario_ecommerce_conference_tickets .extras .description { display:block; margin-bottom:5px; font-size:0.929em; line-height:1.4; } .zenario_ecommerce_conference_tickets .ticket_type .description p, .zenario_ecommerce_conference_tickets .extras .description p { margin-top:0; margin-bottom:5px; } .zenario_ecommerce_conference_tickets input[type="submit"] { margin-top:10px; min-width:100px; } .zenario_ecommerce_conference_tickets p[id*="total"] { display:block; padding:10px 16px; background:#f0f0f0; font-weight:600; font-size:1.2em; text-align:left; } .zenario_ecommerce_conference_tickets .ticket_type .day_attending { display: flex; flex-wrap: wrap; gap: 4px; } .zenario_ecommerce_conference_tickets .ticket_type .day_attending input[type="radio"] { margin-right: 2px; } .zenario_ecommerce_conference_tickets .ticket_type .day_attending label { display: flex; align-items: center; cursor: pointer; width: 26%; box-sizing: border-box; margin:0 } .zenario_ecommerce_conference_tickets input[type="submit"] + p.error { margin-top: 10px; } .zenario_ecommerce_conference_tickets p.error { text-align:center; } /**/ .zenario_event_calendar .calendar { margin:auto; background:#FFF; } #cboxLoadedContent .zenario_event_calendar .calendar { max-width:none; } .zenario_event_calendar .calendar_content { overflow:hidden; background:#efefef; -webkit-border-radius: 6px; border-radius: 6px; } .zenario_event_calendar .calendar_title h2, .zenario_event_calendar .calendar_header h2 { margin:0; padding:0; text-align:center; } .zenario_event_calendar .calendar_title { background: #5695ca; padding:15px 10px; } .zenario_event_calendar .calendar_header { padding:10px; } .zenario_event_calendar .calendar_month_content { padding:0 15px; } .zenario_event_calendar .calendar_month_content table { text-transform:uppercase; } .zenario_event_calendar .calendar_month_content table td { text-align:center; vertical-align:middle; position:relative; padding:0; background:#efefef !important; border:0; } .zenario_event_calendar .calendar_month_content table tr td .content_cell { display:block; height:52px; line-height:48px; margin:3px; } .zenario_event_calendar .calendar_month_content table tr td .content_cell a { display:block; cursor:pointer; } .zenario_event_calendar .calendar_month_content table tr td a:hover { text-decoration:none; } .zenario_event_calendar .calendar_month_content table tr td a, .zenario_event_calendar .calendar_month_content table tr td a:hover { color:#3c3c3b; } .zenario_event_calendar .calendar_month_content table tr td.today, .zenario_event_calendar .calendar_month_content table tr td.today a:hover, .zenario_event_calendar .calendar_month_content table tr td.event a.today { color:#FFF; } .zenario_event_calendar .calendar_month_content table tr td .content_cell { background:#FFF; border:1px solid #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .zenario_event_calendar .calendar_month_content table tr td.has_events .content_cell:hover { background:#d8d8d8; } .zenario_event_calendar .calendar_month_content table tr td.today .content_cell, .zenario_event_calendar .calendar_month_content table tr td.current_month .content_cell, .zenario_event_calendar .calendar_month_content table tr td.today.has_events .content_cell:hover, .zenario_event_calendar .calendar_month_content table tr td.current_month.has_events .content_cell:hover { background:#1d71b8; border-color:#1d71b8; } .zenario_event_calendar .calendar_month_content table tr td.today .content_cell, .zenario_event_calendar .calendar_month_content table tr td.today .content_cell a, .zenario_event_calendar .calendar_month_content table tr td.current_month .content_cell, .zenario_event_calendar .calendar_month_content table tr td.current_month .content_cell a, .zenario_event_calendar .calendar_month_content table tr td.today.has_events .content_cell:hover a, .zenario_event_calendar .calendar_month_content table tr td.current_month.has_events .content_cell:hover a { color:#FFF; } .zenario_event_calendar .calendar_month_content table tr td.has_events .content_cell { border-color:#1d71b8; -webkit-box-shadow:inset 0 0 0 1px #1d71b8; box-shadow:inset 0 0 0 1px #1d71b8; } .zenario_event_calendar .calendar_month_content table tr td a.empty_day_cell { background:transparent; } .zenario_event_calendar .calendar_month_content table tr td .event_count.has_events { position:absolute; bottom:7px; right:7px; width:11px; height:11px; line-height:11px; font-size:8px; background:#ED0000; color:#FFF; text-align:center; font-weight:normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .zenario_event_calendar .calendar_bottom { overflow:hidden; padding:10px 15px; } .zenario_event_calendar .calendar_bottom .calendar_prev, .zenario_event_calendar .calendar_bottom .calendar_next { width:50%; float:left; } .zenario_event_calendar .calendar_bottom .calendar_next { text-align:right; } .zenario_event_calendar .calendar_title h2 { color:#FFF; font-size:1.125em; font-family:"proxima-nova",Verdana,Geneva,sans-serif; } .zenario_event_calendar .calendar_header h2, .zenario_event_calendar .calendar_bottom a { color:#1d71b8; } .zenario_event_calendar .calendar_header h2 { font-size:1.500em; } .zenario_event_calendar .calendar_bottom .calendar_prev a:hover, .zenario_event_calendar .calendar_bottom .calendar_next a:hover { text-decoration:none; } .zenario_event_calendar .calendar_content.month_view table { table-layout: fixed; } .zenario_event_calendar .calendar_content.month_view table tr td { width:14.28%; } .zenario_event_calendar .calendar_content.month_view .calendar_month_content table td .content_cell { height:72px; line-height:1.2em; padding:5px; } .zenario_event_calendar .calendar_content.month_view .calendar_month_content table td .content_cell .event, .zenario_event_calendar .calendar_content.month_view .calendar_month_content table td .content_cell .event a { display: inline-block; } .zenario_event_calendar .calendar_content.month_view .calendar_month_content table td .content_cell .event { width: 100%; clear: both; font-size: 0.688em; line-height: 1.4em; margin-bottom: 5px; text-transform:none; } .zenario_event_calendar .calendar_content.month_view .calendar_month_content table td .content_cell .event a { width: calc(100% - 6px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px 2px 2px 4px; text-decoration: none; background: rgba(86,149,202,0.2); -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_event_calendar .calendar_content.month_view .calendar_month_content table tr td { text-align:left; } .zenario_event_calendar p.error { padding: 0 15px 15px; text-align: center; } /**/ /* Events listing --------------------------------------------------------------------------------------------------*/ .zenario_event_listing__default_style .single_event { overflow:hidden; padding:15px 0; border-bottom:2px solid #e9e9e9; } .zenario_event_listing__default_style .single_event .event_title h2 { font-size:1em; font-weight: 700; line-height: 24px; margin-bottom: 0; padding-bottom: 0; } .zenario_event_listing__default_style .single_event .event_title h2 a { color:#3c3c3b; } .zenario_event_listing__default_style .single_event .event_title h2 a:hover { color:#1d71b8; } .zenario_event_listing__default_style .single_event .single_event_sticky_image { float:left; margin-right:20px; } .zenario_event_listing__default_style .single_event .single_event_sticky_image img { -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_event_listing__default_style .single_event .single_event_sticky_image:hover img { opacity:0.85; } .zenario_event_listing__default_style .single_event .single_event_sticky_image img[src*='default-no-image'] { width:150px; height:150px; } .zenario_event_listing__default_style .single_event span { display:block; } .zenario_event_listing__default_style .single_event span.single_event_date { font-style:italic; } .zenario_event_listing__default_style .single_event .single_event_date, .zenario_event_listing__default_style .single_event .single_event_more_link { font-size:0.875em; } .zenario_event_listing__default_style .single_event .single_event_location { font-weight:600; } .zenario_event_listing__default_style .single_event .single_event_description { display:block; overflow:hidden; } /**/ .zenario_footer { font-size:0.875em; } .zenario_footer .zenario_cc_manage a { cursor:pointer; } /**/ .zenario_html_snippet img { display: inline-block; } .zenario_html_snippet h1[class^="title_icon_"] { padding:19px 0 19px 105px; } .zenario_html_snippet h1.title_icon_membership { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-membership.svg') no-repeat 0 0 / 81px; } .zenario_html_snippet h1.title_icon_search { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-search.png') no-repeat 0 0 / 81px; } .zenario_html_snippet h1.title_icon_events { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-up-coming-events.svg') no-repeat 0 0 / 81px; } .zenario_html_snippet h1.title_icon_shop { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-shop.svg') no-repeat 0 0 / 81px; } .zenario_html_snippet .publication_text { text-align:right; } .zenario_html_snippet .text_blue { font-size:1.3em; line-height:1.5em; font-family:"lexia",Verdana, Geneva, sans-serif; font-weight:300; color:#1d71b8; } .zenario_html_snippet .text_large_lexia { font-size:1.3em; line-height:1.5em; font-family:"lexia",Verdana, Geneva, sans-serif; font-weight:300; } body.mobile .zenario_html_snippet .text_blue, body.mobile .zenario_html_snippet .text_large_lexia { font-size:1.15em; line-height:1.4em; } /* Social links --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .social_links ul, .zenario_html_snippet .social_links ul li { list-style:none; padding:0; margin:0; } .zenario_html_snippet .social_links ul li { display:inline-block; font-size:1.250em; padding:0 4px; background:none; } .zenario_html_snippet .social_links ul li a { color:#000; } .zenario_html_snippet .social_links ul li a i { -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .Grid_Header .zenario_html_snippet .social_links { padding-bottom:10px; } .Grid_Header .zenario_html_snippet .social_links ul { text-align:right; } .Grid_Bottom .zenario_html_snippet .social_links { padding:30px 0; } .zenario_html_snippet .social_links ul li a:hover i, .Grid_Bottom .zenario_html_snippet .social_links ul li a:hover i { color:#1d71b8 !important; } .Grid_Top .zenario_html_snippet .social_links ul li a { color:#1d71b8; } .Grid_Top .zenario_html_snippet .social_links ul li a:hover { opacity:0.8; } /* Footer, contact info --------------------------------------------------------------------------------------------------*/ .slot_contact_info .zenario_html_snippet { padding-top:34px; } .slot_contact_info .zenario_html_snippet p { line-height:22px; } .zenario_html_snippet .contact_phone { padding-top:5px; } .zenario_html_snippet .contact_phone:before, .zenario_html_snippet .contact_email:before { font-family: 'FontAwesome'; padding-right:8px; } .zenario_html_snippet .contact_phone:before { content: "\f095"; } .zenario_html_snippet .contact_email:before { content: "\f0e0"; font-size:12px; } /* Footer, contact info --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .twitter_feed { max-width:385px; float:right; } .zenario_html_snippet .twitter_feed h5 { font-family:"proxima-nova"; font-weight:400; margin-bottom:15px; } .zenario_html_snippet .twitter_feed .twitter_feed_inner { height:250px; overflow:hidden; overflow-y:auto; background:#fff; } a.twitter-timeline { font-family:"proxima-nova"; font-weight:400; font-size:14px; } /* Footer, powered --------------------------------------------------------------------------------------------------*/ .slot_footer_note .zenario_html_snippet, .slot_powered .zenario_html_snippet { font-size:0.875em; } .slot_powered .zenario_html_snippet { text-align:right; } /* Recent added --------------------------------------------------------------------------------------------------*/ .slot_recent_title .zenario_html_snippet { margin-bottom:20px; } /* Columns --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .columns { overflow:hidden; } .zenario_html_snippet .columns > div { float:left; } .zenario_html_snippet .columns.four > div { width:calc(25% - 20px); padding:0 10px; } /*.zenario_html_snippet .tinymce_content .columns.four > div { outline-style: dotted; }*/ .zenario_html_snippet .columns.steps { margin-top:40px; text-align:center; } .zenario_html_snippet img.image_hover_opacity { -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_html_snippet img.image_hover_opacity:hover { opacity:0.85; } .zenario_html_snippet div.panel { border:1px solid #1d71b8; padding:20px; } /* Join steps --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .join_steps { overflow:hidden; padding-top:20px; } body.desktop .zenario_html_snippet .join_steps > div { width:calc(23% - 24px); float:left; min-height:150px; } .zenario_html_snippet .join_steps > div { margin:5px; padding:10px; background:#F3F6F9; border: 2px solid #e9e9e9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align:center; position: relative; } .zenario_html_snippet .join_steps > div strong { display:block; padding:5px 0 10px; font-size:1.375em; font-family:"lexia",Verdana, Geneva, sans-serif; } .zenario_html_snippet .join_steps > div img { padding-bottom:5px; } body.desktop .zenario_html_snippet .join_steps > div.next { margin-right:10px; } body.desktop .zenario_html_snippet .join_steps > div.next:after, body.desktop .zenario_html_snippet .join_steps > div.next:before, body.desktop .zenario_html_snippet .join_steps > div.prev:after, body.desktop .zenario_html_snippet .join_steps > div.prev:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } body.desktop .zenario_html_snippet .join_steps > div.next:after { border-color: rgba(243, 246, 249, 0); border-left-color: #F3F6F9; border-width: 10px; margin-top: -10px; } body.desktop .zenario_html_snippet .join_steps > div.next:before { border-color: rgba(233, 233, 233, 0); border-left-color: #e9e9e9; border-width: 13px; margin-top: -13px; } /* Blue panel --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .step_fellow { padding: 3em 3em 2em 5.5em; position: relative; background: #f4fdff; } .zenario_html_snippet .step_fellow:before { content:""; width:50px; height:50px; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-snow-circle-blue.svg') no-repeat center / 100%; position:absolute; z-index:2; top:2.5em; left:1.2em; } .zenario_html_snippet .step_fellow:after { content:""; width:5px; height:100%; background:#447DBB; position:absolute; z-index:1; left: 2.7em; top: 3em; } .zenario_html_snippet .step_fellow.last_step:after { height:calc(100% - 3em); } body.mobile .zenario_html_snippet .step_fellow { padding:2em 2em 2em 3em; } body.mobile .zenario_html_snippet .step_fellow:before { width: 25px; height: 25px; top: 2em; left: 0.6em; } body.mobile .zenario_html_snippet .step_fellow:after { left: 1.25em; } /* Sticky button --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .sticky-button { position: fixed; bottom: 30px; right: 30px; padding: 15px 25px; background-color: #e30613; color: white; border-radius: 50px; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; z-index: 100; user-select: none; } .zenario_html_snippet .sticky-button:hover { background-color: #d32630; } .zenario_html_snippet .sticky-button.active { background-color: #d32630; } .zenario_html_snippet .popout-content { display: none; position: fixed; bottom: 90px; /* Position above the button */ right: 30px; width: 300px; background-color: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); z-index: 99; transform-origin: bottom right; } /* Arrow pointing to the button */ .zenario_html_snippet .popout-content::after { content: ''; position: absolute; bottom: -10px; right: 30px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid white; } .zenario_html_snippet .close-button { position: absolute; top: 10px; right: 10px; font-size: 20px; cursor: pointer; color: #666; transition: color 0.3s; } .zenario_html_snippet .close-button:hover { color: #333; } /**/ .zenario_menu.menu_top { text-align:right; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 1em; } .zenario_menu.menu_top .wrap_menu_inner { display:inline-block; } .zenario_menu.menu_top ul, .zenario_menu.menu_top ul li { list-style:none; padding:0; margin:0; display:inline-block; } .zenario_menu.menu_top ul li div.left_end, .zenario_menu.menu_top ul li div.right_end { display:none; } .zenario_menu.menu_top .wrap_menu_inner > ul { float:left; } .zenario_menu.menu_top a:hover { text-decoration:none; } .zenario_menu.menu_top .wrap_menu_inner > ul > li a { background:rgba(255,255,255,0.5); -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_menu.menu_top .wrap_menu_inner > ul > li a, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li a { color:#000; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li.node_highlight a { color:#e30613; } .zenario_menu.menu_top .wrap_menu_inner > ul > li a:hover, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li a:hover, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li.zenario_menu_node_more:hover > .menu_more_text { color:#1d71b8; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > a, .zenario_menu.menu_top .wrap_menu_inner > ul > li.zenario_menu_node_more { text-transform: uppercase; font-weight: 500; } /* Level 2 --------------------------------------------------------------------------------------- */ .zenario_menu.menu_top .wrap_menu_inner > ul > li:not(.zenario_menu_node_more) { position:relative; } .zenario_menu.menu_top .wrap_menu_inner > ul > li:not(.zenario_menu_node_more) a { -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } .zenario_menu.menu_top .wrap_menu_inner > ul > li:not(.zenario_menu_node_more):hover > a { background-color:#5695ca; } .zenario_menu.menu_top .wrap_menu_inner > ul > li.has_child:not(.zenario_menu_node_more):hover > a { background-image: url('../../zenario_custom/skins/ior/editable_css/../images/menu-triangle.png'); background-repeat: no-repeat; background-position: center bottom; } .zenario_menu.menu_top .wrap_menu_inner > ul > li:not(.zenario_menu_node_more):hover > a, .zenario_menu.menu_top .wrap_menu_inner > ul > li:not(.zenario_menu_node_more):hover > a:after { color:#FFF; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul { position:absolute; width:320px; left:-100px; top:44px; text-align:left; font-size:0.938em; line-height:1.4em; padding:5px 10px; background: #fff; -webkit-box-shadow: inset 0 0 1px 1px #ccc; box-shadow: inset 0 0 1px 1px #ccc; opacity: 0; visibility: hidden; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .zenario_menu.menu_top .wrap_menu_inner > ul > li:not(.zenario_menu_node_more):hover > ul { opacity: 1; visibility: visible; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li a { display:block; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > a, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > em > a { border-top: 0; display: block; position: relative; line-height: 20px; padding: 4px 0 4px 20px; margin: 5px 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > a:before, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > em > a:before { position: absolute; top: 4px; left: 8px; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > a:hover, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > em > a:hover { background:#5695ca; color:#FFF; } .zenario_menu.menu_top .wrap_menu_inner > ul > li.zenario_menu_node_more ul ul { display:none; } /* Level 3 --------------------------------------------------------------------------------------- */ .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > ul > li { font-size:0.867em; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > ul { padding-bottom:5px; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > ul > li a { margin: 2px 0; padding: 2px 0 2px 35px; line-height:1.3em; color:#585858; } .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > ul > li a:hover { color: #1d71b8; text-decoration: underline; } /* More button mode --------------------------------------------------------------------------------------- */ .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text { display:inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text:after { font-family: 'FontAwesome'; content:'\f107'; padding-left:5px; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li > a, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text { display:inline-block; padding:10px 15px; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div { position: absolute; background: #FFF; right: 10px; top:50px; max-height:0; transition: max-height 0.2s ease-in; overflow:hidden; box-shadow:inset 0 0 1px 1px #ccc; } .sticky_header .layout_v3 .Grid_Header .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div { box-shadow:inset 0 0 1px 1px #000; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more:hover .menu_more_div { max-height:56px; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul { float:left; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li { padding:0; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li a { display:inline-block; height:60px; line-height: 58px; padding-left:15px; padding-right:15px; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li.level1_on a { color:#2a98ce; } /**/ .zenario_menu_forward_back_navigator .mfbn_container { overflow:hidden; padding: 20px; margin-bottom:20px; background:#f4f5f8; border: 2px solid #1d71b8; border-radius: 6px; } .zenario_menu_forward_back_navigator .mfbn_container > span { display:inline-block; width:calc(48% - 30px); position:relative; font-size:1.2em; } .zenario_menu_forward_back_navigator .mfbn_container > span, .zenario_menu_forward_back_navigator .mfbn_container > span a { color:#1d71b8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_menu_forward_back_navigator .mfbn_container > span:hover, .zenario_menu_forward_back_navigator .mfbn_container > span:hover a { color:#e30613; } .zenario_menu_forward_back_navigator .mfbn_container > span:hover a:hover { text-decoration:none; } .zenario_menu_forward_back_navigator .mfbn_container > .mfbn_previous { float:left; padding-left:30px; } .zenario_menu_forward_back_navigator .mfbn_container > .mfbn_next { float:right; text-align:right; padding-right:30px; } .zenario_menu_forward_back_navigator .mfbn_container > .mfbn_previous:before, .zenario_menu_forward_back_navigator .mfbn_container > .mfbn_next:after { font-family:"FontAwesome"; font-size:24px; position:absolute; } .zenario_menu_forward_back_navigator .mfbn_container > .mfbn_previous:before { content:"\f0a8"; left:0; } .zenario_menu_forward_back_navigator .mfbn_container > .mfbn_next:after { content:"\f0a9"; right:0; } /**/ a.zenario_push_pull-hamburger { display: block; overflow: hidden; width: 30px; padding: 10px; } a.zenario_push_pull-hamburger span { display:block; height:5px; margin:0 0 4px; background:#000; } .zenario_push_pull-menu, .zenario_push_pull-panels, .zenario_push_pull-panels>.zenario_push_pull-panel { margin:0; left:0; right:0; top:0; bottom:0; box-sizing:border-box } .zenario_push_pull-btn, .zenario_push_pull-menu { box-sizing:border-box } .zenario_push_pull-wrapper { overflow-x:hidden; position:relative } .zenario_push_pull-panels, .zenario_push_pull-panels>.zenario_push_pull-panel { position:absolute } .zenario_push_pull-panels { overflow:hidden } .zenario_push_pull-panels>.zenario_push_pull-panel { padding-top:40px; -webkit-overflow-scrolling:touch; overflow:scroll; overflow-x:hidden; overflow-y:auto; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-listview>li>a, .zenario_push_pull-listview>li>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zenario_push_pull-btn { width:40px; height:40px; position:absolute; top:0 } .zenario_push_pull-btn_next:after, .zenario_push_pull-btn_prev:before { content:''; border:2px solid transparent; display:block; width:8px; height:8px; margin:auto; position:absolute; top:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } .zenario_push_pull-btn_prev:before { border-right:none; border-bottom:none; left:17px } .zenario_push_pull-btn_next:after { border-top:none; border-left:none; right:23px } .zenario_push_pull-navbar { border-bottom:1px solid; border-color:inherit; text-align:center; line-height:20px; height:40px; padding:0 40px; margin:0; position:absolute; top:0; left:0; right:0 } .zenario_push_pull-navbar>* { display:block; padding:10px 0 } .zenario_push_pull-navbar .zenario_push_pull-btn:first-child { width:40px; right:auto; left:0; border-left:0; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-menu .zenario_push_pull-navbar>* { color:#000 } .zenario_push_pull-menu .zenario_push_pull-navbar a { padding:10px; } .zenario_push_pull-menu>.zenario_push_pull-navbar { background:inherit; padding:0; z-index:3; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .zenario_push_pull-navbar[class*=zenario_push_pull-navbar-content-]>* { box-sizing:border-box; display:block; float:left } .zenario_push_pull-listview,.zenario_push_pull-listview>li { list-style:none; display:block; padding:0; margin:0 } .zenario_push_pull-listview { font:inherit; font-size:14px; line-height:20px } .zenario_push_pull-listview>li { position:relative } .zenario_push_pull-listview>li, .zenario_push_pull-listview>li .zenario_push_pull-btn_next, .zenario_push_pull-listview>li .zenario_push_pull-btn_next:before, .zenario_push_pull-listview>li:after { border-color:inherit } .zenario_push_pull-listview>li>a, .zenario_push_pull-listview>li>span { color:inherit; display:block; padding:10px 10px 10px 20px; margin:0 } .zenario_push_pull-listview>li.has_child>a:first-child { padding-right:60px; } .zenario_push_pull-listview>li:after { content:''; border-bottom-width:1px; border-bottom-style:solid; display:block; position:absolute; right:0; bottom:0; left:0 } .zenario_push_pull-listview .zenario_push_pull-btn_next { width:50px; padding:0; position:absolute; right:0; top:0; bottom:0; z-index:2 } .zenario_push_pull-listview .zenario_push_pull-btn_next:before { content:''; border-left-width:1px; border-left-style:solid; display:block; position:absolute; top:0; bottom:0; left:0 } .zenario_push_pull-listview .zenario_push_pull-btn_next+a, .zenario_push_pull-listview .zenario_push_pull-btn_next+span { margin-right:50px } .zenario_push_pull-menu .zenario_push_pull-btn:after, .zenario_push_pull-menu .zenario_push_pull-btn:before, .zenario_push_pull-menu .zenario_push_pull-listview, .zenario_push_pull-menu .zenario_push_pull-listview>li .zenario_push_pull-btn_next:after { border-color:#000; } .zenario_push_pull-menu .zenario_push_pull-listview>li a:not(.zenario_push_pull-btn_next){ -webkit-tap-highlight-color:rgba(255,255,255,.5); tap-highlight-color:rgba(255,255,255,.5) } .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-selected>a:not(.zenario_push_pull-btn_next), .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-selected>span{ background:rgba(255,255,255,.5) } .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-wrapper_opened.zenario_push_pull-vertical>.zenario_push_pull-panel, .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-wrapper_opened.zenario_push_pull-vertical>a.zenario_push_pull-btn_next{ background:rgba(0,0,0,.05) } .zenario_push_pull-page { box-sizing:border-box; } body.mobile .zenario_push_pull-page { position:relative } .zenario_push_pull-slideout { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; z-index:1 } html.zenario_push_pull-wrapper_opened { overflow-x:hidden; position:relative } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger { height:30px; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { position: absolute; left: 0; right:0; margin:auto; content: ' '; height: 24px; width: 5px; background-color: #000; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before { transform: rotate(45deg); } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { transform: rotate(-45deg); } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger span { display:none; } html.zenario_push_pull-wrapper_blocking, html.zenario_push_pull-wrapper_blocking body { overflow:hidden } .zenario_push_pull-wrapper__blocker { background:rgba(3,2,1,0); display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:2 } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-wrapper__blocker { display:block } .zenario_push_pull-menu.zenario_push_pull-menu_offcanvas { z-index:1; display:none; position:fixed } .zenario_push_pull-menu_offcanvas { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } html.zenario_push_pull-wrapper_opening .zenario_push_pull-menu_offcanvas { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .zenario_push_pull-menu { width:80%; min-width:140px; max-width:440px; padding:0; position:absolute; -webkit-text-size-adjust: 100%; background:#f3f3f3; border-color:#000; color:#000 } html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0) } .zenario_push_pull-sronly { text-indent:10px; overflow:hidden; display:block; width:1px; height:1px; position:absolute; z-index:-1 } .zenario_push_pull-hidden { display:none; } .zenario_push_pull-panels > .zenario_push_pull-panel.zenario_push_pull-panel_opened { z-index: 1; } .zenario_push_pull-menu a, .zenario_push_pull-menu a:hover, .zenario_push_pull-navbar a, .zenario_push_pull-navbar a:hover, a.zenario_push_pull-hamburger, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before { text-decoration:none; } .zenario_push_pull-listview > li, .zenario_push_pull-listview > li > a, .zenario_push_pull-listview > li > span { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media all and (max-width:175px) { html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0) } } @media all and (min-width:550px) { html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(440px,0,0); transform:translate3d(440px,0,0) } } /* Customized styles --------------------------------------------------------------------------------------------------*/ a.zenario_push_pull-hamburger { position:absolute; z-index:99; padding:18px 10px 12px; background:#FFF; } .zenario_push_pull-panel .zenario_push_pull-navbar { background: #1d71b8; border-bottom: 2px solid #FFF; font-weight:600; font-size:14px; font-family:'Montserrat', Arial, Helvetica, sans-serif; } .zenario_push_pull-listview { font-family:"proxima-nova",Verdana, Geneva, sans-serif; } .zenario_push_pull-listview { padding-top:2px; } .zenario_push_pull-panel.zenario_push_pull-panel_opened .zenario_push_pull-navbar, .zenario_push_pull-navbar { text-transform:uppercase; } .zenario_push_pull-panels > .zenario_push_pull-panel:first-child .zenario_push_pull-navbar { padding:0 10px; } .zenario_push_pull-panels > .zenario_push_pull-panel > .zenario_push_pull-listview:first-child, .zenario_push_pull-panels > .zenario_push_pull-panel > .zenario_push_pull-navbar + .zenario_push_pull-listview { border-top: 1px solid #FFF; } .zenario_push_pull-listview > li > em a { display:block; padding:10px 10px 10px 20px; } .zenario_push_pull-menu, a.zenario_push_pull-hamburger span { background:#333; } .zenario_push_pull-navbar, .zenario_push_pull-listview > li > a, .zenario_push_pull-listview > li > em a, .zenario_push_pull-listview > li > span { color:#fff; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-menu .zenario_push_pull-navbar > * { color:#FFF; } .zenario_push_pull-navbar, .zenario_push_pull-menu .zenario_push_pull-btn::after, .zenario_push_pull-menu .zenario_push_pull-btn::before, .zenario_push_pull-listview > li, .zenario_push_pull-listview > li .zenario_push_pull-btn_next, .zenario_push_pull-listview > li .zenario_push_pull-btn_next::before, .zenario_push_pull-listview > li::after { border-color:#d9dadb; } .zenario_push_pull-menu .zenario_push_pull-listview > li .zenario_push_pull-btn_next::after { border-color:#FFF; } .zenario_push_pull-menu .zenario_push_pull-listview > li.level1_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level2_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level3_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level4_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level5_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level1_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level2_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level3_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level4_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level5_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next::after { border-color:#FFF; } .zenario_push_pull-listview .zenario_push_pull-btn_next { background-color:rgba(255,255,255,0.1); } .zenario_push_pull-listview > li:hover > a, .zenario_push_pull-listview > li:hover > span, .zenario_push_pull-listview > li.level1_on a, .zenario_push_pull-listview > li.level2_on a, .zenario_push_pull-listview > li.level3_on a, .zenario_push_pull-listview > li.level4_on a, .zenario_push_pull-listview > li.level5_on a { color:#FFF; } .zenario_push_pull-listview > li.level1_on, .zenario_push_pull-listview > li.level2_on, .zenario_push_pull-listview > li.level3_on, .zenario_push_pull-listview > li.level4_on, .zenario_push_pull-listview > li.level5_on { background-color:#e30613; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { width:2px; background-color:#FFF; } /* Special nodes: Search, Sign in, Login and Home --------------------------------------------------------------------------------------------------*/ .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.search_box, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a { padding:10px 20px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a { display:block; position:relative; padding-left:40px; border-bottom:1px solid #d9dadb; color:#FFF; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special:hover a { color:#FFF; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special:hover { background-color:#333; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a:before { font-family:"FontAwesome"; position:absolute; left:20px; top:10px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.log_in a:before { content:"\f007"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.sign_up a:before { content:"\f234"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.home a:before { content:"\f015"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.search_box:hover { background:transparent; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box { overflow:hidden; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button { padding:0; float:left; border: none; margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box { width:calc(100% - 15px - 40px); height:31px; line-height:31px; padding-left:15px; font-family: Verdana; background-color: #FFF; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box::placeholder { font-weight:normal; font-style:italic; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button { width:40px; height:31px; font-size:0; line-height:0; background: #fff url('../../zenario_custom/skins/ior/editable_css/../images/icon-mag-glass.svg') no-repeat center / 16px 16px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button:hover { cursor:pointer; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button:focus, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box:focus { outline:0; outline:none; } body.desktop .zenario_menu_responsive_push_pull { display:none; } /* Shade over elements --------------------------------------------------------------------------------------------------*/ .zenario_push_pull-page:after, .layout_v3.layout_home .Grid_Header:after { opacity:0; visibility:hidden; content:""; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,0.6); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-page:after, html.zenario_push_pull-wrapper_blocking .layout_v3.layout_home .Grid_Header:after { opacity:1; visibility:visible; } html.zenario_push_pull-wrapper_blocking .Grid_Header { border:0; } html.zenario_push_pull-wrapper_blocking .Grid_Header .slot_logo { z-index:0; } html.zenario_push_pull-wrapper_blocking a.zenario_push_pull-hamburger { background:#333; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /*html.zenario_push_pull-wrapper_blocking .layout_v3.layout_home .Grid_Header { top:0; }*/ /* Page semi-opaque and close button stand out --------------------------------------------------------------------------------------------------*/ .zenario_push_pull-page:after { opacity:0; visibility:hidden; content:""; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,0.7); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-page:after { opacity:1; visibility:visible; } .zenario_push_pull-wrapper_opened .Grid_Body { position:relative; z-index:1; } /* Admin hacks --------------------------------------------------------------------------------------------------*/ .zenario_adminLoggedIn .zenario_push_pull-menu { top:129px; } .zenario_adminLoggedIn.zenario_adminToolbarHidden .zenario_push_pull-menu { top:10px; } .zenario_adminLoggedIn.zenario_pageMode_edit .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_item .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_menu .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_template .zenario_menu_responsive_push_pull { position:relative; min-height:50px; display:block; } /**/ .zenario_menu_vertical ul, .zenario_menu_vertical ul li { list-style:none; margin:0; padding:0; } /* HEADER, extranet menu --------------------------------------------------------------------------------------------------*/ body.desktop .slot_extranet_header .zenario_menu_vertical { margin-top:16px; } .slot_extranet_header .zenario_menu_vertical { display:inline-block; position:relative; text-align:right; cursor:pointer; } .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting { height:22px; display:inline-block; font-size:0.875em; position:relative; top:-2px; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu { position:absolute; top:27px; left:0; width:215px; padding:5px 0 10px; z-index:99; background:#F0F0F0; border: 1px solid #333333; text-align:left; opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu:after, .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu:after { border-color: rgba(240, 240, 240, 0); border-bottom-color: #F0F0F0; border-width: 5px; margin-left: -5px; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu:before { border-color: rgba(51, 51, 51, 0); border-bottom-color: #333333; border-width: 6px; margin-left: -6px; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical:hover .wrap_menu, .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical.element.hover_effect .wrap_menu, body.mobile .Grid_Top .zenario_plugin_nest .zenario_menu_vertical:hover .wrap_menu { opacity:1; visibility:visible; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul, .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul li { list-style:none; padding:0; margin:0; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul li a { display:block; color:#3c3c3b; font-size:0.875em; padding:5px 15px; line-height:18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul li a:hover { background:#5695ca; color:#fff; text-decoration:none; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul li.level1_on a, .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul li.level1_on a:hover { background:transparent; color:#1d71b8; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical ul li.node_highlight > a, .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical ul li.node_highlight.level1_on > a, .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical ul li.node_highlight.level1_on > a:hover { color:#e30613; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical ul li.node_highlight > a:hover { color:#fff; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul li span, .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu ul li div { display:none; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .extranet_user_greeting span.group { position: absolute; bottom: 0; right: 15px; top: 16px; font-size: 10px; display: inline-block; text-transform: uppercase; letter-spacing: .4px; color: #638aab; white-space: nowrap; } /* HEADER, extranet menu LV3 --------------------------------------------------------------------------------------------------*/ body.desktop .layout_v3 .slot_extranet_header .zenario_menu_vertical { margin-top:0; } /* SIDE COLUMN, side menu --------------------------------------------------------------------------------------------------*/ .Grouping_Side .zenario_menu_vertical { padding:0 20px; } .Grouping_Side .zenario_menu_vertical ul, .Grouping_Side .zenario_menu_vertical ul li { padding:0; margin:0; list-style:none; } .Grouping_Side .zenario_menu_vertical ul li { margin-bottom:3px; position:relative; } .Grouping_Side .zenario_menu_vertical ul ul { margin-top:3px; font-size:0.938em; } .Grouping_Side .zenario_menu_vertical ul li a { display:block; line-height:1.2em; padding:8px 12px 8px 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .Grouping_Side .zenario_menu_vertical ul li a:before { position:absolute; left:10px; top:8px; } .Grouping_Side .zenario_menu_vertical ul li li a { padding-left:32px; } .Grouping_Side .zenario_menu_vertical ul li li a::before { content:""; font-family:inherit; } .Grouping_Side .zenario_menu_vertical ul li a { background:#E9E9E9; color:#3c3c3b; } .Grouping_Side .zenario_menu_vertical ul li.level1_on ul li a { background:#FFBFBF; color:#3c3c3b; } .Grouping_Side .zenario_menu_vertical ul li a:hover { background:#5394CC; color:#FFF; text-decoration:none; } .Grouping_Side .zenario_menu_vertical ul li.level1_on a, .Grouping_Side .zenario_menu_vertical ul li.level1_on a:hover, .Grouping_Side .zenario_menu_vertical ul li.level1_on ul li.level2_on a, .Grouping_Side .zenario_menu_vertical ul li.level1_on ul li.level2_on a { background:#e30613; color:#FFF; } /**/ .zenario_meta_data p { font-style:italic; color:#1d71b8; } .zenario_meta_data.md_blog { overflow:hidden; padding:20px; background:#f1f6fb; border-radius:8px; } .zenario_meta_data.md_blog .release_date, .zenario_meta_data.md_blog .writer_name { display:inline-block; float:left; } .zenario_meta_data.md_blog .release_date + .writer_name { padding-left:5px; } .zenario_meta_data.md_blog .release_date + .writer_name p:before { content:" - "; } .zenario_meta_data.md_blog .release_date p, .zenario_meta_data.md_blog .writer_name p { margin-bottom:0; } .zenario_meta_data .sticky_image + .page_title { margin-top:2em; } .zenario_meta_data.meta_data_image_side { overflow: hidden; padding: 20px; background: #f1f6fb; border-radius: 8px; } .zenario_meta_data.meta_data_image_side .sticky_image + .page_title { margin-top:0; } .zenario_meta_data.meta_data_image_side .sticky_image { float: right; margin-left: 30px; margin-bottom:15px; } .zenario_meta_data.meta_data_image_side .page_summary p { color:#757575; } /**/ .Grouping_Main .zenario_multiple_image_container { overflow:hidden; background:#F8F8F8; padding-bottom:15px; } .Grouping_Main .zenario_multiple_image_container .banner_image { width:calc(23% - 22px); margin:15px 1%; float:left; display:inline-block; border:1px solid #E3E3E3; background:#FFF; padding:10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .Grouping_Main .zenario_multiple_image_container .banner_image img { display:block; margin:auto; max-width:100%; height:auto !important; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .Grouping_Main .zenario_multiple_image_container .banner_image:hover a img { opacity:0.85; } .zenario_multiple_image_container .banner_image { position:relative; } .zenario_multiple_image_container .banner_image_zoom { width:24px; height:24px; display:none; overflow:hidden; position:absolute; right:15px; top:15px; text-indent:-999em; background:#0f81ad url('../../zenario_custom/skins/ior/editable_css/../images/icon-zoom.png') no-repeat center center / 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_multiple_image_container .banner_image_zoom:hover { background-color:#ccc; } .zenario_multiple_image_container .banner_image:hover .banner_image_zoom { display:block; } /* Side column --------------------------------------------------------------------------------------------------*/ .Grouping_Side .zenario_multiple_image_container .banner_images { overflow:hidden; } .Grouping_Side .zenario_multiple_image_container .banner_images .banner_image { margin:8px 0; } .Grouping_Side .zenario_multiple_image_container .banner_images .banner_image img { max-width:100% !important; height:auto !important; margin:auto; } /**/ /* Home page slideshow --------------------------------------------------------------------------------------------------*/ .slot_slideshow .zenario_slideshow { text-align:center; } .slot_slideshow .zenario_slideshow .nest_wrap { padding-bottom:25px; position:relative; z-index:1; display:inline-block; margin:auto; } .slot_slideshow .zenario_slideshow .nest_wrap .nest_plugins_wrap { position:relative; z-index:2 } .slot_slideshow .zenario_slideshow .zenario_banner > div, .slot_slideshow .zenario_slideshow .zenario_banner > a { width:auto; background:transparent; } .zenario_slideshow__default_style .zenario_banner img { max-width:100% !important; height:auto !important; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content { position:absolute; z-index:3; top:0; left:0; display:block; width:100%; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .curve { position:absolute; z-index:4; top:0; left:0; display:block; width:100%; /*height:615px;*/ height:320px; background:url('../../zenario_custom/skins/ior/editable_css/../images/curve-mask-slideshow.png') no-repeat center top / 100% auto; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { position:relative; z-index:5; max-width:1140px; margin:auto; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:39.108%; float:right; text-align:right; padding:30px 8px 0; display:block; clear:both; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { padding-top:15px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a { margin-right:21%; min-width:120px; height:50px; font-size:1.250em; line-height:48px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content a, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content * { color:#fff; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner h2, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner p { font-style:italic; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner h2 { font-size:2em; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner p { font-size:1.500em; font-family:"lexia",Verdana, Geneva, sans-serif; line-height:32px; } .slot_slideshow .zenario_slideshow .prev, .slot_slideshow .zenario_slideshow .next { position:absolute; z-index:19; top:50%; display:inline-block; width:58px; height:58px; text-align:center; color:#FFF; border:1px solid #FFF; font-size:50px; line-height:55px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } .slot_slideshow .zenario_slideshow .prev:hover, .slot_slideshow .zenario_slideshow .next:hover, body.mobile .slot_slideshow .zenario_slideshow .prev, body.mobile .slot_slideshow .zenario_slideshow .next { text-decoration:none; background:#1d71b8; } .slot_slideshow .zenario_slideshow .prev span, .slot_slideshow .zenario_slideshow .next span { display:none; } .slot_slideshow .zenario_slideshow .prev { left:50px; } .slot_slideshow .zenario_slideshow .next { right:50px; } .slot_slideshow .zenario_slideshow .nest_tabs { display:block; width:100px !important; height:14px !important; line-height: 1; margin: 0 auto; padding: 0; text-align: center; position:absolute; bottom:0; left:0; right:0; } .slot_slideshow .zenario_slideshow .nest_tabs ul { float:left; padding:0 1px !important; } .slot_slideshow .zenario_slideshow .nest_tabs ul div { display:none; } .slot_slideshow .zenario_slideshow .nest_tabs ul, .slot_slideshow .zenario_slideshow .nest_tabs ul li { list-style:none; padding:0; margin:0; display:inline-block; } .slot_slideshow .zenario_slideshow .nest_tabs ul li a { display: inline-block; position:static !important; width: 8px !important; height: 8px !important; margin: 0 2px; border: 2px solid #178cba; border-radius: 50%; text-indent:-99px; font-size:0; line-height:0; cursor: pointer; float:left; } .slot_slideshow .zenario_slideshow .nest_tabs ul li.tab_on a { border-color:#e30613; background:#e30613; } /* Celebrate */ .slot_slideshow .zenario_slideshow .slide_celebrate { } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { max-width:1140px; text-align:left; margin:auto; right:0; top: 50%; transform: translateY(-50%); } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { padding-left:50px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content a, .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content * { color:#3c3c3b; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h2 { font-size: 4em; font-weight: 700; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h3 { font-size: 2.2em; color: #1d71b8; font-weight: 600; padding-top: 20px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h4 { font-size: 2em; padding-bottom: 65px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h5 { font-weight: 300; font-size: 1.5em; } @media all and (max-width: 1281px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { padding-left:130px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { font-size:90%; } } @media all and (max-width: 1161px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { font-size:80%; } } @media all and (max-width: 961px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h3 { padding-top:0; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h4 { padding-bottom:0; } } @media all and (max-width: 861px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { font-size:70%; top:40%; } } @media all and (max-width: 769px) { .slot_slideshow .zenario_slideshow .nest_plugins_wrap { background:#1d71b8; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a { padding:0 10px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner { background:#FFF; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { position:absolute; transform:none; top:10px; font-size:60%; background:transparent; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { padding-left:0; float:none; margin:auto; } } @media all and (max-width: 581px) { .slot_slideshow .zenario_slideshow .slide_celebrate { min-height:300px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h2 { font-size:3em; } } @media all and (max-width: 531px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { width:calc(100% - 100px); } } @media all and (max-width: 481px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner { padding-top:50px; } } @media all and (max-width: 381px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner { padding-top:50px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h2 { font-size:2em; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h3, .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h4 { font-size:1.5em; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h5 { font-size:1.3em; } } /* HEADER, extranet nest --------------------------------------------------------------------------------------------------*/ .slot_extranet_header .zenario_plugin_nest { text-align:right; } .slot_extranet_header .zenario_plugin_nest .zenario_banner { margin-left:5px; } .slot_extranet_header .zenario_plugin_nest .zenario_banner, .slot_extranet_header .zenario_plugin_nest .zenario_banner div, .slot_extranet_header .zenario_plugin_nest .zenario_banner div p, .slot_extranet_header .zenario_plugin_nest .zenario_banner div p a { display:inline-block; } .slot_extranet_header .zenario_plugin_nest .zenario_banner div p { margin-bottom:0; } .slot_extranet_header .zenario_plugin_nest .zenario_banner div p a { min-width:60px; } .zenario_adminLoggedIn .slot_extranet_header .zenario_plugin_nest x-zenario-admin-slot-wrapper { display: inline-block; } .Grid_Top .slot_extranet_header .zenario_plugin_nest .zenario_banner div p a { min-width:auto; height:25px; line-height:25px; font-size:0.875em; } .Grid_Top .slot_extranet_header .zenario_plugin_nest .zenario_banner div p a, .Grid_Top .slot_extranet_header .zenario_banner.banner_title_button .banner_title a, .Grid_Top .slot_extranet_header .zenario_banner.banner_title_button .banner_title a:before { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap { float:none; width:auto; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins > x-zenario-admin-slot-wrapper, .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot { float:left; margin-right:10px; } /* .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket { position:relative; padding-left:15px; padding-right:15px; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket:before, .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket:after { content:"|"; position:absolute; top:0; color:#1d71b8; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket:before { left:0; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket:after { right:0; } .Grid_Top .slot_social_links .zenario_plugin_nest.nest_header .zenario_storefront_basket a.shopping_links:before { color:#1d71b8; font-size:18px; } .Grid_Top .slot_social_links .zenario_plugin_nest.nest_header .zenario_storefront_basket .basket_empty_msg a.shopping_links::before { color:#777; } */ .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_html_snippet .social_links ul li a { color:#1d71b8; } /* Nest sections --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_sections:before, .zenario_plugin_nest.nest_sections.container:after, .zenario_plugin_nest.nest_sections .nest_plugins:before, .zenario_plugin_nest.nest_sections .nest_plugins:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_plugin_nest.nest_sections:after, .zenario_plugin_nest.nest_sections .nest_plugins:after { clear: both; } .zenario_plugin_nest.nest_sections { text-align:center; } .zenario_plugin_nest.nest_sections .nest_title, .zenario_plugin_nest.nest_sections .zenario_html_snippet { padding-bottom:35px; } .zenario_plugin_nest.nest_sections .nest_title h2, .zenario_plugin_nest.nest_sections .zenario_banner { text-align:center; } .zenario_plugin_nest.nest_sections .zenario_banner { /*width:14.036% !important; width:160px !important; display:inline-block; margin:0 1.578%;*/ } /*.zenario_adminLoggedIn.zenario_pageMode_item .zenario_plugin_nest.nest_sections .zenario_banner { width:auto !important; display:block; }*/ .zenario_plugin_nest.nest_sections .zenario_banner > div { border:2px solid #e9e9e9; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; height:224px; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_image img { padding:20px 0 40px; margin:auto; max-width:80% !important; height:auto !important; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_title a:hover { text-decoration:none; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_title p { font-size:0.938em; line-height:1.2em; } .zenario_plugin_nest.nest_sections .zenario_banner, .zenario_plugin_nest.nest_sections .zenario_banner * { color:#3c3c3b; } .zenario_plugin_nest.nest_sections .zenario_banner > div { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; -webkit-tap-highlight-color: rgba(0,0,0,0); } .zenario_plugin_nest.nest_sections .zenario_banner > div:hover, .zenario_plugin_nest.nest_sections .zenario_banner > div:focus, .zenario_plugin_nest.nest_sections .zenario_banner > div:active { box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15); } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_title { padding-bottom:15px; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .tothesameheight { max-width:17.5% !important; margin:0 1%; float:left; } .zenario_plugin_nest.nest_sections.nest_grid_5:not(.landing_links) .nest_plugins .tothesameheight:first-child { max-width:100% !important; height:auto !important; margin:0; float:none; clear:both; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .tothesameheight .zenario_banner .banner_title p { padding-left:10px; padding-right:10px; } .zenario_plugin_nest.nest_sections.nest_grid_5 .zenario_banner .banner_image img { padding-bottom:30px; } /* Nest sections, landing sections --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_sections.nest_grid_5.landing_links { padding:30px 0; } .zenario_plugin_nest.nest_sections.landing_links .nest_plugins { display:flex; justify-content:center; } .zenario_plugin_nest.nest_sections.landing_links .zenario_banner > div { height:auto; } .zenario_plugin_nest.nest_sections.landing_links .zenario_banner .banner_content { padding:0 10px 10px; } .zenario_plugin_nest.nest_sections.landing_links .zenario_banner .banner_content .banner_title a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.nest_sections.landing_links .zenario_banner:hover .banner_content .banner_title a { color:#1d71b8; } .zenario_plugin_nest.nest_sections.landing_links .nest_egg_equal_height > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_sections.landing_links .nest_egg_equal_height .zenario_slot { height:100%; } .zenario_plugin_nest.nest_sections.landing_links .zenario_banner > div { height:calc(100% - 4px); } .zenario_plugin_nest.nest_sections.landing_links .nest_egg_equal_height .zenario_banner .banner_wrap_inner { min-height:300px; } /* Nest sections, landing sections smaller --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.landing_links_smaller .nest_plugins { display:flex; align-items:stretch; justify-content:center; padding-bottom:30px; } .zenario_plugin_nest.landing_links_smaller .nest_plugins > * { padding:10px 20px; margin:0 10px 20px; text-align:center; border:2px solid #e9e9e9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .zenario_plugin_nest.landing_links_smaller .nest_plugins h3 { margin:0; padding:0; font-size:1.2em; } .zenario_plugin_nest.landing_links_smaller .nest_plugins a h3 { color:#3c3c3b; } .zenario_plugin_nest.landing_links_smaller .nest_plugins a:hover h3 { color:#1d71b8; } .zenario_plugin_nest.landing_links_smaller .nest_plugins a:hover { text-decoration:none; } /* Nest social links header --------------------------------------------------------------------------------------------------*/ .slot_social_links .zenario_plugin_nest .nest_wrap { display:inline-block; float:right; width:189px; } /* .slot_social_links .zenario_plugin_nest .zenario_storefront_basket { display:inline-block; float:left; } */ .slot_social_links .zenario_plugin_nest .zenario_html_snippet { display:inline-block; float:right; } /* Home, slideshow mobile --------------------------------------------------------------------------------------------------*/ body.desktop .slot_slideshow_mobile .zenario_plugin_nest .nest_plugins_wrap { height:418px; } .slot_slideshow_mobile .zenario_plugin_nest .nest_wrap { max-width:770px; margin:auto; position:relative; padding-bottom:20px; } .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner, .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_image a { display:block; overflow:hidden; } .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_image img { max-width:100% !important; height:auto !important; } .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_content { overflow:hidden; padding:15px 20px; background-color:#1d71b8; } .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_content *, .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_content a { color:#fff; } .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_content .banner_more { display:inline-block; float:right; padding-left:10px; } .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_content .banner_title { overflow:hidden; float:left; } .slot_slideshow_mobile .zenario_plugin_nest .nest_tabs ul, .slot_slideshow_mobile .zenario_plugin_nest .nest_tabs ul li { padding:0; margin:0; list-style:none; display:inline-block; } .slot_slideshow_mobile .zenario_plugin_nest .nest_tabs ul li { padding:0; margin:0; list-style:none; display:inline-block; } .slot_slideshow_mobile .zenario_plugin_nest .nest_tabs { display:block; width:100px !important; height:14px !important; line-height: 1; margin: 0 auto; padding: 0; text-align: center; position:absolute; bottom:0; left:0; right:0; } .slot_slideshow_mobile .zenario_plugin_nest .nest_tabs ul li { display: inline-block; position:static !important; width: 8px !important; height: 8px !important; margin: 0 1px; border: 2px solid #178cba; border-radius: 50%; cursor: pointer; text-indent:-99; font-size:0; line-height:0; } .slot_slideshow_mobile .zenario_plugin_nest .nest_tabs ul li.tab_on { border-color:#e30613; background:#e30613; } /* Members list --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.list_members .zenario_banner { background:#e8eff9; padding:20px !important; margin-bottom:10px; } .zenario_plugin_nest.list_members .zenario_banner .banner_image { padding-bottom:10px; overflow:hidden; } .zenario_plugin_nest.list_members .zenario_banner .banner_image img { float:right; } .zenario_plugin_nest.list_members .zenario_banner .banner_title h2 { font-size:1.2em; color:#1d71b8; } .zenario_plugin_nest.list_members .banner_content .banner_text { overflow:hidden; } .zenario_plugin_nest.list_members .banner_content .contact_details { width:40%; margin-right:5%; float:left; } .zenario_plugin_nest.list_members .banner_content .contact_description { width:55%; float:right; } /* .zenario_plugin_nest.list_members .banner_content .contact_details { overflow:hidden; clear:both; padding-bottom:10px; } .zenario_plugin_nest.list_members .banner_content .contact_details > div { width:25%; margin-left:3%; float:left; } .zenario_plugin_nest.list_members .banner_content .contact_details > div.contact_details_1 { width:44%; margin-left:0; font-size:1em; font-family: "lexia",Verdana, Geneva, sans-serif; } .zenario_plugin_nest.list_members .banner_content .contact_description { clear:both; float:none; margin-top:10px; padding-top:10px; padding:15px; background:#e1e7f2; } .zenario_plugin_nest.list_members .banner_content .contact_more { display:inline-block; cursor:pointer; color:#1d71b8; } .zenario_plugin_nest.list_members .banner_content .contact_more:after { font-family:"FontAwesome"; content:"\f107"; padding-left:3px; } .zenario_plugin_nest.list_members .banner_content .contact_more.open:after { content:"\f106"; }*/ /* Nest side, Grouping_Side --------------------------------------------------------------------------------------------------*/ body.desktop .Grouping_Side .zenario_plugin_nest { margin-top:60px; } .Grouping_Side .zenario_plugin_nest .zenario_banner { margin-top:20px; text-align:center; } .Grouping_Side .zenario_plugin_nest .zenario_banner .banner_image img { width:100% !important; height:auto !important; max-width:300px; display:inline-block; } body.mobile .Grouping_Side .zenario_plugin_nest { overflow:hidden; } body.mobile .Grouping_Side .zenario_plugin_nest .zenario_banner { width:50%; float:left; } /* Membership grades --------------------------------------------------------------------------------------------------*/ .zenario_adminLoggedIn .zenario_plugin_nest.membership_grades_full_details div.zenario_slotAdminControlBox { position:absolute; } .zenario_plugin_nest.membership_grades_full_details .nest_wrap:before, .zenario_plugin_nest.membership_grades_full_details .nest_wrap:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_plugin_nest.membership_grades_full_details .nest_wrap:after { clear: both; } .zenario_plugin_nest.membership_grades_full_details { margin-top:30px; margin-bottom:30px; } .zenario_plugin_nest.membership_grades_full_details .nest_plugins { /*display:grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 10px; grid-auto-rows: 1fr;*/ } /*.zenario_plugin_nest.membership_grades_full_details .nest_plugins > * { display:flex; }*/ body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins > *:nth-child(1), body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins > *:nth-child(2), body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins > *:nth-child(3), body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins > *:nth-child(4) { width:calc((100% - 92px) / 4); float:left; margin-left:30px; } body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins > *:nth-child(1) { margin-left:0; } body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins > *:nth-child(5) { float:none; clear:both; } .zenario_plugin_nest.membership_grades_full_details .nest_plugins .zenario_banner { background:#333; text-align:center; /*width:100%;*/ cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins .zenario_banner { border-radius:12px; -webkit-border-radius:12px; } body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins .zenario_banner:hover, body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins .zenario_banner.active { transform: scale(1.1); } .zenario_plugin_nest.membership_grades_full_details .nest_plugins .zenario_banner > div { padding:15px 20px 20px 20px; } body.desktop .zenario_plugin_nest.membership_grades_full_details .nest_plugins .zenario_banner > div { min-height:200px; } .zenario_plugin_nest.membership_grades_full_details .zenario_slot * { color:#FFF; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner .banner_image img { margin:auto; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner h3 { font-weight:bold; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner h6 { font-family:"proxima-nova",Verdana, Geneva, sans-serif; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content { display:none; clear:both; background:#333; padding:15px; position:relative; top:31px; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(26, 140, 204, 0); border-bottom-color: #333; border-width: 20px; margin-left: -20px; } body.desktop .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_1:after { left:calc(15% - 30px); } body.desktop .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_2:after { left:calc(40% - 30px); } body.desktop .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_3:after { left:calc(66% - 30px); } body.desktop .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_4:after { left:calc(91% - 30px); } .zenario_plugin_nest.membership_grades_full_details .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(1) .zenario_banner, .zenario_plugin_nest.membership_grades_full_details .nest_plugins > .zenario_banner:nth-child(1), .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_1 { background:#3D82C2; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_1:after { border-bottom-color: #3D82C2; } .zenario_plugin_nest.membership_grades_full_details .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(2) .zenario_banner, .zenario_plugin_nest.membership_grades_full_details .nest_plugins > .zenario_banner:nth-child(2), .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_2 { background:#D84F40; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_2:after { border-bottom-color: #D84F40; } .zenario_plugin_nest.membership_grades_full_details .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(3) .zenario_banner, .zenario_plugin_nest.membership_grades_full_details .nest_plugins > .zenario_banner:nth-child(3), .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_3 { background:#3D40C2; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_3:after { border-bottom-color: #3D40C2; } .zenario_plugin_nest.membership_grades_full_details .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(4) .zenario_banner, .zenario_plugin_nest.membership_grades_full_details .nest_plugins > .zenario_banner:nth-child(4), .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_4 { background:#C23D82; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content_4:after { border-bottom-color: #C23D82; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table, .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr td { border:0; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr td { border-bottom:1px solid #333; background:#FFF; padding:25px; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr td * { color:#3c3c3b; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr td a.nice_button { color:#FFF; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr:nth-child(odd) { background:rgba(0,0,0,0.2); } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr:nth-child(even) { background:rgba(0,0,0,0.05); } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr td:nth-child(2) { width:25% !important; vertical-align:bottom; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content .zenario_wysiwyg > p { padding:25px; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content .zenario_wysiwyg > p + p { padding-top:0; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content .zenario_wysiwyg > ul { padding-top:25px; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content p.nice_button_wrap { margin-top:20px; text-align:center; } /* Membership grades --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_other_sections { overflow:hidden; } .zenario_plugin_nest.nest_other_sections .nest_title { padding-bottom:15px; } .zenario_plugin_nest.nest_other_sections .zenario_banner, .layout_landing .Grid_Body .zenario_plugin_nest.nest_other_sections .zenario_banner { margin-bottom:40px; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_image { padding-bottom:15px; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_image img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_image img:hover { opacity:0.85; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_title a { color:#3c3c3b; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_title h3 { font-family:"proxima-nova",Verdana, Geneva, sans-serif; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_text { max-height:50px; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_text p { margin:0; } /* Membership grades --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_join_steps .join_steps_v2 { overflow:hidden; margin-top:15px; } body.desktop .zenario_plugin_nest.nest_join_steps .join_steps_v2 { display:flex; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 .nest_title { padding-bottom:15px; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div h6 { font-size:1.2em; font-weight:bold; } body.desktop .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div { width:calc(25% - 30px); padding-left:30px; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div { background:#e1eaf2; position: relative; } body.desktop .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div > div { height:110px; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div > div { display: block; padding:15px; } body.desktop .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div.step_1 { padding-left: 15px; width: calc(25% - 30px + 15px); } body.desktop .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div.step_1 > div { padding-right:0; } .zenario_plugin_nest.nest_join_steps .slide_visitor .join_steps_v2 > div.step_1, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2 { background:#1d71b8; cursor:pointer; } .zenario_plugin_nest.nest_join_steps .slide_visitor .join_steps_v2 > div.step_1 h6, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2 h6 { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-click-here.svg') no-repeat -3px 0 / 25px auto; padding-left:30px; } .zenario_plugin_nest.nest_join_steps .slide_visitor .join_steps_v2 > div.step_1, .zenario_plugin_nest.nest_join_steps .slide_visitor .join_steps_v2 > div.step_1 a, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2 a { color:#FFF; } .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_1, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_1 a { color:#547C3E; } .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_1 h6 { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-tick-green.svg') no-repeat 0 4px / 18px auto; padding-left:26px; } .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_1 strong:after { font-family:"FontAwesome"; content:"\f00c"; padding-left:5px; } .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2 a { display:block; } .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2 a:hover { text-decoration:none; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div, .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div:after { content: " "; display: block; width: 0; height: 0; border-top: 75px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 75px solid transparent; border-left: 30px solid #e1eaf2; position: absolute; top: 50%; margin-top: -75px; left: 100%; z-index: 2; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div:before { content: " "; display: block; width: 0; height: 0; border-top: 75px solid transparent; border-bottom: 75px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -75px; margin-left: 1px; left: 100%; z-index: 1; } .zenario_plugin_nest.nest_join_steps .slide_visitor .join_steps_v2 > div.step_1:after, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2:after { border-left-color:#1d71b8; } .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_1 { background:#DCF5CD; } .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_1:after { border-left-color:#DCF5CD; } .zenario_plugin_nest.nest_join_steps .slide_visitor .join_steps_v2 > div.step_1:hover, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2:hover { background:#4283ba; } .zenario_plugin_nest.nest_join_steps .slide_visitor .join_steps_v2 > div.step_1:hover:after, .zenario_plugin_nest.nest_join_steps .slide_user .join_steps_v2 > div.step_2:hover:after { border-left-color:#4283ba; } .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div:nth-child(4):after, .zenario_plugin_nest.nest_join_steps .join_steps_v2 > div:nth-child(4):before { content:""; display:none; } /* Accordion --------------------------------------------------------------------------------------------------*/ .nest_accordion.zenario_plugin_nest .nest_wrap { border:2px solid #1d71b8; padding:15px 15px 10px; } .nest_accordion.zenario_plugin_nest .nest_title { padding-bottom:15px; } .nest_accordion.zenario_plugin_nest .zenario_banner { margin-bottom:10px; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title, .nest_accordion.zenario_plugin_nest .zenario_banner .banner_text { background:#eee; padding:10px 20px; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title { padding-bottom:15px; cursor:pointer; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_text { display:none; padding-top:0; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title > * { font-size:1.1em; margin:0; padding:0; position:relative; padding-right:30px; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title > *:after { font-family:"FontAwesome"; content:"\f107"; position:absolute; right:0; top:0; border: 1px solid #777; height: 24px; width: 24px; text-align: center; border-radius: 50%; } .nest_accordion.zenario_plugin_nest .zenario_banner.active .banner_title > *:after { content:"\f106"; line-height:1.2em; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title *, .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title > *:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title:hover *, .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title:hover > *:after, .nest_accordion.zenario_plugin_nest .zenario_banner.active .banner_title, .nest_accordion.zenario_plugin_nest .zenario_banner.active ..banner_title > *:after { color:#1d71b8; } .nest_accordion.zenario_plugin_nest .zenario_banner.active .banner_title, .nest_accordion.zenario_plugin_nest .zenario_banner.active .banner_text { background:rgba(86,148,204,0.05); } /* Control panel --------------------------------------------------------------------------------------------------*/ /*.zenario_plugin_nest.control_panel .content_list_listing:before, .zenario_plugin_nest.control_panel .content_list_listing:after { content:'.'; width:0; height:0; font-size:0; line-height:0; display:block; overflow:hidden; visibility:hidden } .zenario_content_list.control_panel .content_list_listing:after { clear:both }*/ .zenario_plugin_nest.control_panel .nest_egg_equal_height > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.control_panel .zenario_banner { height:100%; } .zenario_plugin_nest.control_panel .zenario_banner { margin-top:1.5em; transition: all 0.2s ease-in-out; } body.desktop .zenario_plugin_nest.control_panel .zenario_banner:hover { transform: scale(1.02); } /* body.desktop .zenario_content_list.control_panel .content_list_listing > div { width:32%; float:left; } body.desktop .zenario_content_list.control_panel .content_list_listing > div:hover { transform: scale(1.05); } body.desktop .zenario_content_list.control_panel .content_list_listing > div:nth-child(3n+2) { margin-left:2%; margin-right:2%; } body.desktop .zenario_content_list.control_panel .content_list_listing > div:nth-child(3n+3) { clear:right; }*/ .zenario_plugin_nest.control_panel .zenario_banner > a { display:flex; align-items:center; justify-content:center; height:calc(100% - 3em); padding:1.5em 1.5em 1.8em 1.5em; color:#FFF; background:#1d71b8; border-radius: 12px; text-align:center; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.control_panel .zenario_banner > a:hover { text-decoration:none; background:#2f88d3; } .zenario_plugin_nest.control_panel .zenario_banner.fellows > a { background:#C23D82; } .zenario_plugin_nest.control_panel .zenario_banner.fellows > a:hover { background:#DE4A97; } .zenario_plugin_nest.control_panel .zenario_banner.new_members > a { background:#ed863b; } .zenario_plugin_nest.control_panel .zenario_banner.new_members > a:hover { background:#f39a58; } .zenario_plugin_nest.control_panel .zenario_banner h2 { font-size:1.2em; max-width:400px; margin:auto; } .zenario_plugin_nest.control_panel .zenario_banner .banner_content:before { font-family:"FontAwesome"; content:"\f0c0"; font-size: 3em; padding: 0.5em 0; display: block; } .zenario_plugin_nest.control_panel .zenario_banner.pending .banner_content:before { content:"\f4fd"; } /* Useful documents --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.useful_documents_membeships .nest_wrap { padding: 2em; background: #eef3f8; } body.mobile .zenario_plugin_nest.useful_documents_membeships .nest_wrap { padding: 1em; } .zenario_plugin_nest.useful_documents_membeships .nest_title { padding-bottom:5px; } .zenario_plugin_nest.useful_documents_membeships .zenario_slot { margin-bottom:10px; } .zenario_plugin_nest.useful_documents_membeships .zenario_document_container .level_1 a, .zenario_plugin_nest.useful_documents_membeships .zenario_banner a { position:relative; padding-left:24px; } .zenario_plugin_nest.useful_documents_membeships .zenario_document_container .level_1 a:before, .zenario_plugin_nest.useful_documents_membeships .zenario_banner a:before { position:absolute; left:0; top:0; font-family:"FontAwesome"; } .zenario_plugin_nest.useful_documents_membeships .zenario_document_container .level_1 a:before { content:"\f15b"; } .zenario_plugin_nest.useful_documents_membeships .zenario_banner a:before { content:"\f0c1"; } /* Nest news banner and metadata --------------------------------------------------------------------------------------------------*/ .Grid_Body .zenario_slot.zenario_plugin_nest.news_banner_metadata .zenario_slot.zenario_meta_data { margin-top:2em; } .zenario_plugin_nest.news_banner_metadata .zenario_meta_data .release_date p { margin:0; } /**/ .zenario_promo_menu { margin:auto; position:relative; } .zenario_promo_menu:before, .zenario_promo_menu:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_promo_menu:after { clear: both; } .zenario_promo_menu ul { float:left; } .zenario_promo_menu ul, .zenario_promo_menu ul li { list-style:none; margin:0; padding:0; } .zenario_promo_menu ul li > a { position:relative; z-index:60; padding:10px 10px; height:25px; -webkit-transition : background-color 200ms ease-in-out; -moz-transition : background-color 200ms ease-in-out; transition : background-color 200ms ease-in-out; } .zenario_promo_menu ul, .zenario_promo_menu ul li, .zenario_promo_menu ul li a { display:inline-block; } .zenario_promo_menu ul .columns_wrap { width:100%; overflow:hidden; position:absolute; top:45px; left:0; z-index:59; } .zenario_promo_menu ul .columns_wrap { opacity:0; visibility:hidden; -webkit-transition : opacity 200ms ease-in-out; -moz-transition : opacity 200ms ease-in-out; -o-transition : opacity 200ms ease-in-out; transition : opacity 200ms ease-in-out; } .zenario_promo_menu ul li:hover .columns_wrap { opacity:1; visibility:visible; } body.ie .zenario_promo_menu ul .columns_wrap { display:none; } body.ie .zenario_promo_menu ul li:hover .columns_wrap { display:block; opacity:1; visibility:visible; } .zenario_promo_menu ul .columns_wrap .column { width:calc( (100% - 570px) / 2 ); float:left; padding:10px 35px; } .zenario_promo_menu .feature_wrap { float:right; width:400px; padding:10px 30px 20px 0; } .zenario_promo_menu ul li.has_child .columns_wrap a { border-top:0; display:block; position:relative; line-height:20px; padding:5px 0 5px 20px; margin:5px 0; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_promo_menu ul li.has_child .columns_wrap .level3 a, .zenario_promo_menu ul li.has_child .columns_wrap .level3_on a { margin:2px 0; padding:2px 0 2px 35px; } .zenario_promo_menu ul li a:hover { text-decoration:none; } .zenario_promo_menu ul li { font-size:0.938em; } .zenario_promo_menu ul li .level3, .zenario_promo_menu ul li .level3_on { font-size:0.867em; } .zenario_promo_menu ul li:hover > a { background:#5695ca; } .zenario_promo_menu ul li.level1_on > a { background:#e30613; } .zenario_promo_menu ul li.has_child:hover > a { background-image:url('../../zenario_custom/skins/ior/editable_css/../images/menu-triangle.png'); background-repeat:no-repeat; background-position:center bottom; } .zenario_promo_menu .columns_wrap { background:#fff; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } .zenario_promo_menu .columns_wrap .level2 a:hover { background:#5695ca; } .zenario_promo_menu, .zenario_promo_menu a, .zenario_promo_menu .columns_wrap .level2 a:hover { color:#FFF; } .zenario_promo_menu .columns_wrap, .zenario_promo_menu .columns_wrap a { color:#1c1c1b; } .zenario_promo_menu .columns_wrap .level2_on a { color:#e30613; } .zenario_promo_menu .columns_wrap .level3 a { color:#585858; } .zenario_promo_menu .columns_wrap .level3 a:hover { color:#1d71b8; text-decoration:underline; } .zenario_promo_menu .columns_wrap .level3_on a, .zenario_promo_menu .columns_wrap .level3_on a:hover { color:#e30613; } .zenario_promo_menu ul li.node_highlight > a { color:#e30613; } .zenario_promo_menu ul li.node_highlight > a:hover, .zenario_promo_menu ul li.node_highlight.level1_on > a { color:#fff; } /**/ .zenario_promo_menu .second_gallery_wrap { display:none; } .zenario_promo_menu .feature_wrap { position:relative; } .zenario_promo_menu .feature_wrap .feature_image { border:5px solid #5695ca; margin:10px 0; max-width:calc(100% - 20px) !important; height:auto !important; height:200px; width:100%; box-sizing:border-box; padding:20px; } .zenario_promo_menu .feature_wrap .feature_image img { margin:auto; } .zenario_promo_menu .feature_wrap .feature_title h2, .zenario_promo_menu .feature_wrap .feature_text p { padding:0; margin:0; font-weight:400; } .zenario_promo_menu ul li.has_child:hover .columns_wrap .feature_wrap a, .zenario_promo_menu ul li.level1_on.has_child:hover .columns_wrap .feature_wrap a { background:none; } .zenario_promo_menu ul .columns_wrap .feature_wrap a, .zenario_promo_menu ul li.has_child .columns_wrap .feature_wrap a { padding:0; margin:0; display:block; width:100%; } .zenario_promo_menu .feature_wrap .feature_title h2 { display:inline-block; line-height:22px; font-size:1.067em; -webkit-transition : color 200ms ease-in-out; -moz-transition : color 200ms ease-in-out; transition : color 200ms ease-in-out; } .zenario_promo_menu .feature_wrap h2, .zenario_promo_menu .feature_wrap h2 a { color:#1d71b8 !important; } .zenario_promo_menu .feature_wrap .feature_title h2:after { padding-left:5px; } .zenario_promo_menu ul li.has_child .feature_wrap a { background:none; } .zenario_promo_menu .feature_wrap .feature_text p { font-size:0.875em; line-height:18px; } .zenario_promo_menu .feature_wrap div { width:100%; display:block; } .zenario_promo_menu ul li.node_mobile { display:none; } /* LAYOUT V3 --------------------------------------------------------------------------------------------------*/ .layout_v3 .zenario_promo_menu { } .layout_v3 .zenario_promo_menu .wrap_menu_inner > ul > li > a { color:#000; padding: 10px 15px; height:20px; line-height:20px; text-transform:uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 1em; } .layout_v3 .zenario_promo_menu ul li.level1_on > a, .layout_v3 .zenario_promo_menu .wrap_menu_inner > ul > li:hover > a { color:#FFF; } /* .layout_v3 .zenario_promo_menu .wrap_menu_inner > ul:nth-child(9), .layout_v3 .zenario_promo_menu .wrap_menu_inner > ul:nth-child(10), .layout_v3 .zenario_promo_menu .wrap_menu_inner > ul:nth-child(11) { display:none; }*/ .layout_v3 .zenario_promo_menu ul .columns_wrap { top:40px; z-index:89; -webkit-box-shadow:inset 0 0 1px 1px #ccc; box-shadow:inset 0 0 1px 1px #ccc; } /* Event calendar --------------------------------------------------------------------------------------------------*/ .zenario_promo_menu .calendar_iframe { float: right; width: 400px; padding: 20px 30px 20px 0; } .zenario_promo_menu .calendar_iframe iframe { border:0; width:100%; } .zenario_showing_standalone_plugin #cboxOverlay { opacity: 1 !important; background: #fff !important; } .zenario_showing_standalone_plugin #colorbox { top:0 !important; } .zenario_showing_standalone_plugin #colorbox .zenario_event_calendar .calendar { min-width:318px; } .zenario_showing_standalone_plugin #colorbox .zenario_event_calendar .calendar_content.error_view { margin:0 10px; } .zenario_showing_standalone_plugin #colorbox .zenario_event_calendar .calendar_content.error_view .calendar_title { display:none; } /**/ .zenario_sitemap { padding:20px 0 0; } .zenario_sitemap ul, .zenario_sitemap ul li { list-style:none; padding:0; margin:0; } .zenario_sitemap h1, .zenario_sitemap ul ul ul, .zenario_sitemap ul li.node_private { display:none; } .zenario_sitemap ul.sitemap { overflow:hidden; } .zenario_sitemap ul.sitemap > li { width:22%; padding:0 1.5%; float:left; padding-bottom:20px; } .zenario_sitemap ul.sitemap > li:nth-child(4) { clear:right; } .zenario_sitemap ul.sitemap > li:nth-child(5) { clear:left; } .zenario_skin .zenario_sitemap h2 { font-size:1.125em; margin-bottom:10px; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:500; } .zenario_skin .zenario_sitemap h3 { position:relative; padding-left:10px; margin-bottom:10px; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:0.813em; line-height:1.4em; } .Grid_Sitemap .zenario_sitemap h3, .Grid_Sitemap .zenario_sitemap h3 a { color:#cfcfcf; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .Grid_Sitemap .zenario_sitemap h3 a:hover { color:#FFF; } .zenario_sitemap ul.sitemap h3:before { font-family:"FontAwesome"; content:"\f105"; position:absolute; left:0; top:-1px; color:#FFF; font-size: 0.8em; } /**/ /* Home page slideshow --------------------------------------------------------------------------------------------------*/ .slot_slideshow .zenario_slideshow { text-align:center; } .slot_slideshow .zenario_slideshow .nest_wrap { padding-bottom:25px; position:relative; z-index:1; display:inline-block; margin:auto; } .slot_slideshow .zenario_slideshow .nest_wrap .nest_plugins_wrap { position:relative; z-index:2 } .slot_slideshow .zenario_slideshow .zenario_banner > div, .slot_slideshow .zenario_slideshow .zenario_banner > a { width:auto; background:transparent; } .zenario_slideshow__default_style .zenario_banner img { max-width:100% !important; height:auto !important; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content { position:absolute; z-index:3; top:0; left:0; display:block; width:100%; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .curve { position:absolute; z-index:4; top:0; left:0; display:block; width:100%; /*height:615px;*/ height:320px; background:url('../../zenario_custom/skins/ior/editable_css/../images/curve-mask-slideshow.png') no-repeat center top / 100% auto; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { position:relative; z-index:5; max-width:1140px; margin:auto; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:39.108%; float:right; text-align:right; padding:30px 8px 0; display:block; clear:both; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { padding-top:15px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a { margin-right:21%; min-width:120px; height:50px; font-size:1.250em; line-height:48px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content a, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content * { color:#fff; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner h2, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner p { font-style:italic; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner h2 { font-size:2em; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner p { font-size:1.500em; font-family:"lexia",Verdana, Geneva, sans-serif; line-height:32px; } .slot_slideshow .zenario_slideshow .prev, .slot_slideshow .zenario_slideshow .next { position:absolute; z-index:19; top:50%; display:inline-block; width:58px; height:58px; text-align:center; color:#FFF; border:1px solid #FFF; font-size:50px; line-height:55px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } .slot_slideshow .zenario_slideshow .prev:hover, .slot_slideshow .zenario_slideshow .next:hover, body.mobile .slot_slideshow .zenario_slideshow .prev, body.mobile .slot_slideshow .zenario_slideshow .next { text-decoration:none; background:#1d71b8; } .slot_slideshow .zenario_slideshow .prev span, .slot_slideshow .zenario_slideshow .next span { display:none; } .slot_slideshow .zenario_slideshow .prev { left:50px; } .slot_slideshow .zenario_slideshow .next { right:50px; } .slot_slideshow .zenario_slideshow .nest_tabs { display:block; width:100px !important; height:14px !important; line-height: 1; margin: 0 auto; padding: 0; text-align: center; position:absolute; bottom:0; left:0; right:0; } .slot_slideshow .zenario_slideshow .nest_tabs ul { float:left; padding:0 1px !important; } .slot_slideshow .zenario_slideshow .nest_tabs ul div { display:none; } .slot_slideshow .zenario_slideshow .nest_tabs ul, .slot_slideshow .zenario_slideshow .nest_tabs ul li { list-style:none; padding:0; margin:0; display:inline-block; } .slot_slideshow .zenario_slideshow .nest_tabs ul li a { display: inline-block; position:static !important; width: 8px !important; height: 8px !important; margin: 0 2px; border: 2px solid #178cba; border-radius: 50%; text-indent:-99px; font-size:0; line-height:0; cursor: pointer; float:left; } .slot_slideshow .zenario_slideshow .nest_tabs ul li.tab_on a { border-color:#e30613; background:#e30613; } /* Celebrate */ .slot_slideshow .zenario_slideshow .slide_celebrate { } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { max-width:1140px; text-align:left; margin:auto; right:0; top: 50%; transform: translateY(-50%); } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { padding-left:50px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content a, .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content * { color:#3c3c3b; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h2 { font-size: 4em; font-weight: 700; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h3 { font-size: 2.2em; color: #1d71b8; font-weight: 600; padding-top: 20px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h4 { font-size: 2em; padding-bottom: 65px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h5 { font-weight: 300; font-size: 1.5em; } @media all and (max-width: 1281px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { padding-left:130px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { font-size:90%; } } @media all and (max-width: 1161px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { font-size:80%; } } @media all and (max-width: 961px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h3 { padding-top:0; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h4 { padding-bottom:0; } } @media all and (max-width: 861px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { font-size:70%; top:40%; } } @media all and (max-width: 769px) { .slot_slideshow .zenario_slideshow .nest_plugins_wrap { background:#1d71b8; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a { padding:0 10px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner { background:#FFF; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content { position:absolute; transform:none; top:10px; font-size:60%; background:transparent; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { padding-left:0; float:none; margin:auto; } } @media all and (max-width: 581px) { .slot_slideshow .zenario_slideshow .slide_celebrate { min-height:300px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h2 { font-size:3em; } } @media all and (max-width: 531px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content .banner_text { width:calc(100% - 100px); } } @media all and (max-width: 481px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner { padding-top:50px; } } @media all and (max-width: 381px) { .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner { padding-top:50px; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h2 { font-size:2em; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h3, .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h4 { font-size:1.5em; } .slot_slideshow .zenario_slideshow .slide_celebrate .zenario_banner .banner_content h5 { font-size:1.3em; } } /**/ .zenario_storefront_basket table input[type="text"] { width:120px; height:27px; line-height:27px; background:#fff; } .zenario_storefront_basket table input[type="text"].qty { width:25px; padding:0 10px; margin-right:5px; } .zenario_storefront_basket table th:not(.col_product), .zenario_storefront_basket table tr td, .zenario_storefront_basket table tr.summary td:first-child { text-align:right; } .zenario_storefront_basket table th.col_qty { text-align:center; } .zenario_storefront_basket table th.col_total, .zenario_storefront_basket table td:first-child { text-align:left; } .zenario_storefront_basket table tr.summary td { background:#d8d8d8; font-weight:600; } .zenario_storefront_basket .basket_links { margin-top:10px; text-align:right; } .zenario_storefront_basket .line_items_list_table table tr td.update_form { width:130px; } /* Header --------------------------------------------------------------------------------------------------*/ .zenario_storefront_basket.basket_header { height:25px; } .zenario_storefront_basket.basket_header a.shopping_links { color:#e30613; font-weight:600; font-size:14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_storefront_basket.basket_header a.shopping_links:before { font-family: 'FontAwesome'; content: "\f291"; padding-right:5px; color:#3c3c3b; font-weight:500; font-size:16px; } .zenario_storefront_basket.basket_header a.shopping_links:hover { text-decoration:none; opacity:0.8; } .zenario_storefront_basket.basket_header .basket_empty_msg a span { display:none; } .zenario_storefront_basket.basket_header .basket_empty_msg a.shopping_links:before { color:#ccc; } .zenario_storefront_basket.basket_header .basket_links { display:none; } .zenario_storefront_basket.basket_header a.shopping_links:before { color:#1d71b8; font-size:18px; } .zenario_storefront_basket.basket_header .basket_empty_msg a.shopping_links::before { color:#777; } /**/ .zenario_storefront_checkout table { margin-bottom:20px; } .zenario_storefront_checkout table tr th, .zenario_storefront_checkout table tr td.pricing, .zenario_storefront_checkout table tr td.qty_text, .zenario_storefront_checkout table tr.summary td { text-align:right; } .zenario_storefront_checkout table tr th:first-child { text-align:leftt; } .zenario_storefront_checkout table tr.summary td { background:#d8d8d8; font-weight:600; } .zenario_storefront_checkout .billing_info { margin-top:20px; border:2px solid #e9e9e9; } .zenario_storefront_checkout .billing_info, .zenario_storefront_checkout .bundle_buttons { max-width:600px; padding:20px; margin:auto; } .zenario_storefront_checkout .bundle_buttons { text-align:center; } .zenario_storefront_checkout .bundle_buttons .payment_method { text-align:left; } .zenario_storefront_checkout .billing_info .extranet_field { overflow:hidden; padding:0 0 15px 0; } .zenario_storefront_checkout .billing_info .extranet_field .label { font-weight:600; } .zenario_skin .zenario_storefront_checkout input[type="text"], .zenario_skin .zenario_storefront_checkout input[type="email"], .zenario_skin .zenario_storefront_checkout textarea { max-width:none; width:calc(100% - 40px); } .zenario_storefront_checkout .billing_info .extranet_field select { width:100%; } .zenario_storefront_checkout .billing_info .extranet_field select#sales_tax_reg_no_prefix { width:120px; margin-right:10px; } .zenario_storefront_checkout .billing_info .extranet_field input#sales_tax_reg_no { width:calc(100% - 40px - 135px); } .zenario_storefront_checkout input[type="submit"] { margin-top:20px; margin-left:22px; } .zenario_storefront_checkout form[name="BuyForm"] { text-align:right; } .zenario_storefront_checkout form[name="BuyForm"] input[type="submit"] { margin-top:0; } .zenario_storefront_checkout .line_items_list_table { margin-top:20px; } .zenario_storefront_checkout .address_option { position:relative; background: #fff9f5; border: 4px solid #ffdfc8; border-radius: 20px; margin-top:10px; } .zenario_storefront_checkout .address_option label { display:block; position:relative; z-index:1; padding:1em 1em 1em 2.5em; } .zenario_storefront_checkout .address_option input[type="radio"] { position:absolute; top:1.3em; left:1em; z-index:2; } .zenario_storefront_checkout .address_option label a { font-size:0.9em; text-decoration:underline; display: inline-block; padding-left: 5px; color:#d36411; } .zenario_storefront_checkout .address_option label a:hover { color:#ed7d29; } .zenario_storefront_checkout .address_option + .address_option { margin-top:20px; } .zenario_storefront_checkout input[type="submit"].secondary_button { height: 30px; line-height: 28px; background: #ed7d29; margin-left: 0; } .zenario_storefront_checkout .container_address { overflow:hidden; } .zenario_storefront_checkout .container_address input[type="submit"].secondary_button { float: right; } /**/ .zenario_storefront_customer_orders .footer_links { margin-top:20px; } /* Ecommerce invoice --------------------------------------------------------------------------------------------------*/ .zenario_storefront_customer_orders .invoice { font-family: "proxima-nova",Verdana, Geneva, sans-serif; font-size: 1em; margin:auto; margin-top:10px; width:18cm; padding:1cm; height:26cm; background-color:white; position:relative; margin-top:50px; border:1px solid #ccc; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow: 0px 0px 3px 0px #ccc; } .zenario_storefront_customer_orders .invoice .address { width:100%; overflow:hidden; text-align:right; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC; } .zenario_storefront_customer_orders .invoice .address .logo_container, .zenario_storefront_customer_orders .invoice .address .seller_container { float:right; text-align:right; } .zenario_storefront_customer_orders .invoice .address .logo_container { width:30%; text-align:right; } .zenario_storefront_customer_orders .invoice .address .logo_container img { height:auto !important; max-width:100% !important; } .zenario_storefront_customer_orders .invoice .address .buyer_container { float:left; text-align:left; } .zenario_storefront_customer_orders .invoice .address .seller_container { width:30%; font-size:11px; line-height:16px; } .zenario_storefront_customer_orders .invoice .address .buyer_container { width:40%; padding:10px; margin-bottom:10px; border:1px solid #CCC; font-size:15px; line-height:18px; } .zenario_storefront_customer_orders .invoice .address .buyer_container h5 { font-weight:600; } .zenario_storefront_customer_orders .invoice h2.invoice_title { text-align:center; font-family: "lexia",Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:2em; } .zenario_storefront_customer_orders .invoice_line_items_list_table { margin-top:20px; } .zenario_storefront_customer_orders .invoice table { width:100%; border-collapse:separate; border-left:1px solid #999; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; } .zenario_storefront_customer_orders .invoice table tr th, .zenario_storefront_customer_orders .invoice table tr td { padding:5px; } .zenario_storefront_customer_orders .invoice table tr th { background:white; color:black; border-left:1px solid #999; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; } .zenario_storefront_customer_orders .invoice table tr th, .zenario_storefront_customer_orders .invoice table tr td.invoice_summary_title { font-family: "lexia",Verdana, Geneva, sans-serif; font-weight:700; font-size:14px; } .zenario_storefront_customer_orders .invoice table tr td { font-size:14px; background:white; border-left:1px solid #999; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; } .zenario_storefront_customer_orders .invoice table tr:nth-child(2n+1) td { background:#fff; } .zenario_storefront_customer_orders .invoice table tr td.pricing { text-align:right; } .zenario_storefront_customer_orders .invoice_summary_title { text-align:right; font-family: "lexia",Verdana, Geneva, sans-serif; } .zenario_storefront_customer_orders .invoice .quantity { text-align:center; } .zenario_storefront_customer_orders .invoice .invoice_footer { margin-top:10px; } /**/ .zenario_slot.zenario_user_forms { padding:15px; border:3px solid #ccc !important; } .zenario_user_forms .form_field { padding:8px 0; } .zenario_user_forms .form_field .field_radio input, .zenario_skin .zenario_user_forms .form_field input[type="checkbox"] { margin-right:5px; } .zenario_user_forms .note_to_user { padding-left:10px; font-size:0.857em; font-style:italic; } .zenario_user_forms .form_field, .zenario_user_forms .form_buttons, .zenario_user_forms .complete_later { float:none; clear:both; } .zenario_user_forms .form_fields:before, .zenario_user_forms .form_fields:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_user_forms .form_fields:after { clear: both; } .zenario_user_forms .form_buttons { margin-top:20px; border-top:2px solid #e9e9e9; } .zenario_user_forms .form_buttons, .zenario_user_forms .complete_later, .zenario_user_forms .repeat_block_buttons, .zenario_user_forms .field_document_upload { overflow:hidden; } .zenario_user_forms .form_buttons, .zenario_user_forms .repeat_block_buttons { padding-top:10px; } .zenario_user_forms .complete_later { padding-top:20px; text-align:right; } .zenario_user_forms .form_buttons input.next { float:right; } .zenario_user_forms .repeat_rows { margin-bottom:15px; } .zenario_user_forms .complete_later input.saveLater[type="button"] { line-height:1.2em; height:auto; padding:0; background:transparent; color:#1d71b8; font-weight:600; text-decoration:underline; } .zenario_user_forms .repeat_rows .repeat_row { position:relative; /*background:#EAF9FF;*/ border:1px solid #5392cb; padding:15px 20px; margin:10px 0; } .zenario_user_forms .repeat_block_buttons { border:1px dashed #5392cb; padding:10px; margin:10px 0; } .zenario_user_forms .repeat_block_buttons div, .zenario_user_forms .repeat_rows .repeat_row div.delete { float:right; } .zenario_user_forms .repeat_block_buttons div, .zenario_user_forms .repeat_rows .repeat_row div.delete, .zenario_user_forms input.open_popup_1[type="button"], .zenario_skin .zenario_user_forms .overlay_1 .popup_1 [type="button"], .zenario_skin .zenario_user_forms .overlay_2 .popup_2 [type="button"] { display:inline-block; padding:2px 10px; font-size:0.929em; background:#5392CB; color:#fff; cursor:pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .zenario_user_forms .repeat_rows .repeat_row div.delete { position:absolute; top:0px; right:0px; padding:0 8px; font-size:0.813em; background-color:#ed3639; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .zenario_user_forms .repeat_rows .repeat_row div.delete:after { font-family: 'FontAwesome'; content: "\f068"; font-size:10px; padding-left:8px; } .zenario_user_forms input.open_popup_1[type="button"], .zenario_skin .zenario_user_forms .overlay_1 .popup_1 [type="text"], .zenario_skin .zenario_user_forms .overlay_2 .popup_2 [type="text"], .zenario_skin .zenario_user_forms .overlay_1 .popup_1 [type="button"], .zenario_skin .zenario_user_forms .overlay_2 .popup_2 [type="button"] { height:24px; line-height:20px; } .zenario_skin .zenario_user_forms .form_field.mandatory .field_title, .zenario_skin .zenario_user_forms .form_field.bold_title .field_title { font-weight:600; } .zenario_skin .zenario_user_forms .form_field input[type="text"], .zenario_skin .zenario_user_forms .form_field input[type="email"], .zenario_skin .zenario_user_forms .form_field textarea { width:calc(100% - 40px); max-width:none; } .zenario_skin .zenario_user_forms .form_field.has_error select { width:100%; } .zenario_skin .zenario_user_forms .form_field.has_error input[type="text"], .zenario_skin .zenario_user_forms .form_field.has_error input[type="checkbox"], .zenario_skin .zenario_user_forms .form_field.has_error input[type="email"], .zenario_skin .zenario_user_forms .form_field.has_error select, .zenario_skin .zenario_user_forms .form_field.has_error textarea { -webkit-box-shadow: 0px 0px 2px 1px red; -moz-box-shadow: 0px 0px 2px 1px red; box-shadow: 0px 0px 2px 1px red; } .zenario_skin .zenario_user_forms .form_field .overlay_2 .popup_2 input.filename[type="text"] { width:calc(100% - 70px); } /* custom classes */ .zenario_user_forms .form_fields .section { padding:0 0 10px 20px; } .zenario_user_forms .form_field.heading .field_title { color: #1d71b8; font-size: 1.7em; font-family: "lexia",Verdana,Geneva,sans-serif; padding-bottom: 0.5em; } .zenario_user_forms .form_field.subheading { padding-bottom:0; } .zenario_user_forms .form_field.description_text .description { padding-top:15px; } .zenario_user_forms .form_field.subheading .field_title, .zenario_user_forms .repeat_block .field_title { padding:5px 10px; background:#5695ca; color:#FFF; font-size:1.125em; } .zenario_user_forms .form_field.subheading .field_title p { margin:0; } .zenario_user_forms .form_field.subheading > .description { padding-top:1em; } .zenario_user_forms .repeat_block .repeat_rows .field_title { padding:0; background:transparent; color:inherit; font-size:1em; } .zenario_user_forms .form_field.note .field_title { color:#1d71b8; font-size:1.125em; font-family:"lexia",Verdana,Geneva,sans-serif; padding-bottom:5px; } body.desktop .zenario_user_forms .form_fields .columns_container_1, body.desktop .zenario_user_forms .form_fields .columns_container_2 { overflow:hidden; } body.desktop .zenario_user_forms .form_fields .columns_container_1 .column, body.desktop .zenario_user_forms .form_fields .columns_container_2 .column { /*width:48%; float:left;*/ display:inline-block; clear:none; padding-right:2% } body.desktop .zenario_user_forms .form_fields .columns_container_1 .column select, body.desktop .zenario_user_forms .form_fields .columns_container_2 .column select { max-width:100%; } .zenario_user_forms .form_fields .column_left, body.desktop .zenario_user_forms .form_fields .field_left { width:48%; float:left; } .zenario_user_forms .form_fields .column_right { width:48%; float:right; } .zenario_user_forms .form_fields .column_full { width:100%; float:none; clear:both; overflow:hidden; } .zenario_user_forms .form_fields .separator_top { border-top:2px solid #5695ca; position:relative; top:20px; margin-bottom:20px; } .zenario_user_forms fieldset[id*="page_summary"] .form_fields table tr td:first-child { font-weight:600; width:45%; border-right:1px solid #fff; } .zenario_user_forms fieldset[id*="page_summary"] .form_fields table tr th { padding:10px; } .zenario_user_forms fieldset[id*="page_summary"] .form_fields table tr th.header { font-family:"lexia",Verdana, Geneva, sans-serif; font-size:1.2em; background: #1b629a; border-bottom: 2px solid #fff; padding-bottom: 15px; } .zenario_user_forms .field_document_upload { border:1px solid #ccc; padding:10px 15px 15px; } .zenario_user_forms .field_document_upload .field_title { font-weight:600; padding-bottom:8px; } .zenario_user_forms .field_document_upload .files_preview { margin-bottom:10px; font-size:0.875em; } .zenario_user_forms .field_document_upload .files_preview a { background: #efefef none repeat scroll 0 0; display: inline-block; line-height: 1.4em; padding: 0 5px; } .zenario_user_forms .warning { position:relative; padding:0 0 0 30px; } .zenario_user_forms .warning:before { font-family: 'FontAwesome'; content: "\f06a"; font-size:20px; position:absolute; left:5px; top:0; } .zenario_user_forms .warning, .zenario_user_forms .success { width:auto; background:none; line-height:22px; } .zenario_user_forms .success { padding:0; } /* Popup --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_user_forms .overlay_1, .zenario_skin .zenario_user_forms .overlay_2 { position:absolute; z-index:90; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); } .zenario_skin .zenario_user_forms .overlay_1 .popup_1, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 { max-width:730px; height:340px; background:#FFF; border:2px solid #DEDEDE; position: absolute; top:25%; left: 0; right: 0; margin: auto; padding:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .zenario_skin .zenario_user_forms .overlay_2 .popup_2 { left:5%; text-align:left; height:400px; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .close, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .close { float:right; display:inline-block; width:11px; height:11px; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-cross.png') no-repeat; text-indent:-999; line-height:0; font-size:0; position:relative; margin-top:-10px; margin-right:-10px; cursor:pointer; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .header, .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content, .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .footer, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .header, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .footer { text-align:left; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .header h3, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .header h3 { text-align:center; font-weight:600; font-size:1.2em; color:#1d71b8; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files { border:1px solid #676767 !important; padding:10px; height:200px; overflow:auto; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row { overflow:hidden; background:#f0f0f0; padding:5px 8px; font-size:0.875em; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row:nth-child(even), .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row:nth-child(even) { background:#fff; } .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row div.icon, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row div.icon { display:inline-block; float:left; width:12px; height:16px; margin-right:6px; margin-top:3px; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row div.icon { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-document.png') no-repeat 0 0; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row span.delete, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row span.delete, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row span.rotate { display:inline-block; float:left; width:15px; height:16px; text-align:right; cursor:pointer; font-size:0; line-height:0; text-indent:-999; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row span.delete, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row span.delete { float:right; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row span.delete, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row span.delete { width:12px; height:16px; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-trash.png') no-repeat right 0; } .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row span.rotate { width:14px; height:16px; background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-rotate.png') no-repeat right 0; } .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row .drag_handle { display:inline-block; float:left; width:20px; height:64px; background:url('../../zenario_custom/skins/ior/editable_css/../images/drag-dots.png') no-repeat left center; cursor:move; } .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row.ui-sortable-helper { background:#E5FFE6; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row p, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row p { display:inline-block; float:left; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row p { width:calc(100% - 100px); } .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row p { width:calc(100% - 130px); } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .content .files .file_row p a, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .content .files .file_row p a { color:#2f2f2f; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .footer, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .footer { overflow:hidden; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .section_wrap, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .section_wrap { border:0; margin:0; padding:0; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .footer .section_wrap, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .footer .section_wrap { width:38%; margin-right:2%; float:left; padding-top:15px; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .footer .section_wrap .button span, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .footer .section_wrap .button span { display:none; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .footer .section_wrap input[type="file"], .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .footer .section_wrap input[type="file"] { padding:0; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_skin .zenario_user_forms .form_field.two_columns .overlay_1 .popup_1 .footer .section_wrap input[type="text"], .zenario_skin .zenario_user_forms .form_field.two_columns .overlay_2 .popup_2 .footer .section_wrap input[type="text"] { width:calc(100% - 26px); } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .footer .section_wrap label, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .footer .section_wrap label { display:block; padding-bottom:5px; font-weight:600; } .zenario_skin .zenario_user_forms .overlay_1 .popup_1 .footer .section_wrap.save, .zenario_skin .zenario_user_forms .overlay_2 .popup_2 .footer .section_wrap.save { width:20%; margin-right:0; float:right; text-align:right; padding-top:43px; } .zenario_user_forms.form_registration .field_section_description .field_title { line-height: 1.2em; color:#1d71b8; font-size:1.375em; font-family:"lexia",Verdana, Geneva, sans-serif; } /* User forms, progress bar ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .page_switcher { text-align:center; margin-bottom:30px; } .zenario_user_forms .page_switcher ul, .zenario_user_forms .page_switcher ul li { display:inline-block; padding:0; margin:0; list-style:none; } .zenario_user_forms .page_switcher .step { font-size:0; padding-left:80px; background:url('../../zenario_custom/skins/ior/editable_css/../images/border-grey-4.gif') repeat-x 0 18px; } .zenario_user_forms .page_switcher .step.current, .zenario_user_forms .page_switcher .step.complete { background:url('../../zenario_custom/skins/ior/editable_css/../images/border-blue-4.gif') repeat-x 0 18px; } .zenario_user_forms .page_switcher .step:first-child { padding-left:0; background:none; } .zenario_user_forms .page_switcher .step:before { display:inline-block; position:relative; z-index:9; width:34px; height:34px; line-height:33px; font-size:14px; font-weight:600; background:#f0f0f0; border:4px solid #ccc; color:#ccc; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .zenario_user_forms .page_switcher .step.current:before { background:#D0EDFD; border-color:#1d71b8; color:#1d71b8; } .zenario_user_forms .page_switcher .step.complete:before { background:#1d71b8; border-color:#1d71b8; color:#FFF; } .zenario_user_forms .page_switcher .step_1:before { content:"1"; } .zenario_user_forms .page_switcher .step_2:before { content:"2"; } .zenario_user_forms .page_switcher .step_3:before { content:"3"; } .zenario_user_forms .page_switcher .step_4:before { content:"4"; } .zenario_slot.zenario_user_forms .success, .zenario_slot.zenario_user_forms .resume_box { text-align:center; } .zenario_user_forms .resume_box { padding:20px; } .zenario_user_forms .resume_box p { font-size: 1.2em; padding-bottom: 1em; } .zenario_user_forms .resume_box input { margin:0 10px; } /**/ /* Page 1 */ .zenario_user_forms_720 .page_1 .form_fields { padding:5px 15px 15px; background:rgba(86,148,204,0.05); } .zenario_user_forms_720 .page_1 .form_field { text-align:center; } .zenario_user_forms_720 .page_1 .form_field.left_align { text-align:left; } .zenario_user_forms_720 .page_1 .form_field.field_radios .field_radio { display:inline-block; padding:0 5px; } .zenario_user_forms_720 .page_1 .form_field.heading_with_icon { margin:20px 0; } .zenario_user_forms_720 .page_1 .form_field.heading_with_icon .field_title { font-size:1.2em; padding:65px 0 15px 0; background:url('../../zenario_custom/skins/ior/editable_css//public/images/z1u30/logo-full-290x57.svg') no-repeat center top / auto 45px; } body.desktop .zenario_user_forms_720 .page_1 .column_left { text-align:right; } body.desktop .zenario_user_forms_720 .page_1 .column_left .field_title { padding-right:70px; } body.desktop .zenario_user_forms_720 .page_1 .column_right { text-align:left; } /**/ .Grid_Body .zenario_user_forms_list_part_completed { margin-bottom:4em; } .Grid_Body .zenario_user_forms_list_part_completed h1 { font-size:1.5em; } /**/ .zenario_slot_padding, .pad_slot { display:none; } .zenario_skin table { width:100%; } .zenario_skin table tr th { padding:30px 10px 20px; background: #5695ca; border:1px solid #5695ca; border-bottom:0; color:#fff; vertical-align:top; } .zenario_skin table tr td { padding:10px; background:#efefef; border-bottom:3px solid #fff; vertical-align:top; } .zenario_skin table tr:nth-child(odd) td { background:#d8d8d8; } body.desktop .zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip { right: -145px; top: 31px; } .zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip { background:#E0F6FF; color:#000; } body.desktop .Grid_Body img[align="left"] { margin-right:20px; } body.desktop .Grid_Body img[align="right"] { margin-left:20px; } body.mobile .Grid_Body img[align="left"], body.mobile .Grid_Body img[align="right"] { float:none; display:block; margin:0 auto 10px; } body.desktop .zenario_skin .wow { visibility: hidden; } /* Extranet --------------------------------------------------------------------------------------------------*/ .extranet_wrap { max-width:400px; margin:auto; text-align:center; } .zenario_extranet_registration .extranet_wrap { max-width:470px; } .extranet_wrap .extranet_welcome_text { font-family:"lexia",Verdana,Geneva,sans-serif; } .extranet_wrap h1, .extranet_wrap .extranet_welcome_text { font-size:1.75em; margin-bottom:20px; } .extranet_wrap .extranet_field, .extranet_wrap .form_field, .extranet_wrap .extranet_remember_me { text-align:left; } .extranet_wrap .extranet_field, .extranet_wrap .form_field { padding:8px 0; } .extranet_wrap .extranet_field .captcha { line-height:1.25em; } .extranet_wrap .extranet_field .captcha > div { padding-top:10px; } .extranet_wrap .extranet_field .captcha > div > div { margin:auto; } .extranet_wrap .extranet_btn, .extranet_wrap .extranet_links, .extranet_wrap .extranet_remember_me, .extranet_wrap .extranet_edit_profile .form_buttons { padding-top:10px; } .extranet_wrap .extranet_links a { text-decoration:underline; } .extranet_wrap .extranet_links, .extranet_wrap .extranet_remember_me { font-size:0.875em; } .extranet_wrap .extranet_view_profile .extranet_links, .zenario_extranet_logout .extranet_links { font-size:1em !important; } .extranet_wrap .extranet_view_profile .extranet_links a, .zenario_extranet_logout .extranet_links a { padding:0 !important; } .extranet_wrap .extranet_link_desc { line-height:1.2em; padding-bottom:5px; } .extranet_wrap .extranet_link_registration { margin-top:10px; padding-top:10px; border-top:2px solid #e9e9e9; } .extranet_wrap .confirm_email_text { text-align:center; font-size:1.286em; font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; line-height:1.5em; color:green; } .page_membership .zenario_extranet_registration .extranet_wrap { max-width:500px; } .page_membership .extranet_wrap .confirm_email_text { font-size:1.1em; } .extranet_wrap .extranet_btn input[type="submit"], .extranet_wrap .form_buttons input[type="button"], .zenario_extranet_logout .extranet_links a, .extranet_wrap .nice_button { width:100%; padding:0 !important; margin-bottom:20px; } .zenario_extranet_registration .extranet_wrap .extranet_btn input[type="submit"] { max-width:310px; } .extranet_wrap .extranet_edit_profile .form_buttons { overflow:hidden; } .extranet_wrap .extranet_edit_profile .form_buttons input[type="button"] { float:left; width:48%; margin-right:2%; } .extranet_wrap .extranet_edit_profile .form_buttons a.nice_button { float:right; width:48%; margin-left:2%; padding:0; } .zenario_extranet .extranet_wrap { max-width:800px; } .zenario_extranet .extranet_wrap .panels { width:100%; overflow:hidden; } .zenario_extranet .extranet_wrap .panels > div { padding:10px 0; } .zenario_extranet .extranet_wrap .panels .panel_login { width:calc(55% - 31px); padding-right:30px; float:left; border-right:1px dotted #3c3c3b; } .zenario_extranet .extranet_wrap .panels .panel_register { width:calc(45% - 30px); padding-left:20px; float:right; } .zenario_extranet .extranet_wrap .panels .panel_register h2 { margin-bottom:40px; } .zenario_extranet .extranet_wrap .extranet_btn input[type="submit"], .zenario_extranet .extranet_wrap .panels .nice_button { width:180px; } .zenario_extranet .extranet_wrap .panels .extranet_links { text-align:left; } .zenario_extranet .extranet_field { max-width:500px; margin:auto; } .extranet_wrap .form_fields .column_left { width:48%; float:left; } .extranet_wrap .form_fields .column_right { width:48%; float:right; } body.desktop .extranet_wrap .form_fields .column_left { clear:left; } body.desktop .extranet_wrap .form_fields .column_right { clear:right; } .extranet_wrap .subheading .field_title { font-size: 1.2em; font-family:"lexia",Verdana, Geneva, sans-serif; } .zenario_extranet_profile .extranet_wrap .form_fields .columns_container_1, .zenario_extranet_profile .extranet_wrap .form_fields .columns_container_2 { overflow:hidden; border-bottom:1px dotted #333; padding-bottom:15px; margin-bottom:15px; } .zenario_extranet_profile .extranet_wrap .column_full { float:none; clear:both; padding-top:1px; } .zenario_extranet_profile .extranet_wrap .column_full > .form_field:first-child { border-top:1px dotted #333; padding-top:15px; margin-top:15px; padding-bottom:0; } .zenario_extranet_profile .extranet_wrap .field_checkbox input[type="checkbox"] { margin-right:6px; } .zenario_skin .zenario_extranet_profile select { width:100%; } .zenario_skin .zenario_extranet_profile .form_field.field_receive_email .note_to_user, .extranet_wrap .note_to_user, .extranet_wrap .extranet_profile_edit_note { padding:5px 8px; margin:5px 0 10px 0; font-size:0.857em; font-style:italic; line-height:1.3em; background:#e3e9f1; } .zenario_skin input[type="text"] + .extranet_profile_edit_note, .zenario_skin input[type="email"] + .extranet_profile_edit_note { max-width:475px; } .zenario_skin .zenario_extranet_profile .form_field.field_receive_email .note_to_user { display:inline-block; margin-left:22px; } .extranet_wrap .note_to_user a { text-decoration:underline; } .extranet_wrap .extranet_view_profile .note_to_user { display:none; } .zenario_skin .zenario_extranet_profile .extranet_view_profile .form_field.field_receive_email .note_to_user { display:none; } .zenario_extranet_profile .extranet_wrap { max-width:760px; } .zenario_extranet_profile input[type='text'], .zenario_extranet_profile input[type='password'], .zenario_extranet_profile input[type='email'], .zenario_extranet_profile input[type='search'], .zenario_extranet_profile textarea { max-width:auto; width:calc(100% - 40px); } .zenario_extranet_profile .extranet_wrap a.nice_button, .zenario_extranet_profile .extranet_wrap .form_buttons input[type='button'] { width:auto !important; padding:0 15px !important; float:none !important; } .zenario_extranet_profile .extranet_wrap .extranet_links { font-size:1em; } .zenario_extranet_profile .extranet_edit_profile .form_field { position:relative; } .zenario_extranet_profile .extranet_edit_profile .form_field .form_error { position:absolute; right:0; top:8px; } .zenario_extranet_profile .form_fields, .zenario_extranet_profile .extranet_edit_profile .extranet_links, .zenario_extranet_profile .form_buttons { overflow:hidden; } .zenario_extranet_profile .extranet_edit_profile a.nice_button { margin:0 0 0 2%; text-decoration:none; position:relative; top:-1px; background:#aaa; } .extranet_wrap .extranet_edit_profile .form_buttons input[type="button"] { margin-right:0; } .zenario_skin .title_red { display:block; padding:auto !important; text-align:left; } /* Password field with eye icon --------------------------------------------------------------------------------------------------*/ .zenario_skin .password_field_with_eye { position:relative; } .zenario_skin .password_field_with_eye input { padding-right:40px; } .zenario_skin .password_field_with_eye .eye_icon { display: inline-block; position:absolute; z-index:1; top: 50%; transform: translateY(-50%); left:calc(100% - 30px); transition:all 0.2s ease-in-out; cursor:pointer; } .zenario_skin .password_field_with_eye .eye_icon:hover { color:#000; } .zenario_skin .password_field_with_eye input, .zenario_skin .password_field_with_eye input[type="password"] { width:calc(100% - 12px - 50px); } .zenario_extranet .password_field_with_eye { max-width:450px; } /* Page membership --------------------------------------------------------------------------------------------------*/ .page_membership .zenario_extranet_registration { display:none; background:rgba(86,148,204,0.05); padding:30px; } .zenario_adminLoggedIn.zenario_pageMode_edit .page_membership .zenario_extranet_registration { display:block; } /* Common styles Buttons --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button, #colorbox #cboxLoadedContent input[type='submit'], #colorbox #cboxLoadedContent input[type='button'], #colorbox #cboxLoadedContent button, .extranet_wrap .extranet_view_profile .extranet_links a, .zenario_extranet_logout .extranet_links a, .latest_items .title a.more_link, .zenario_banner.banner_more_button .banner_more a, .zenario_banner.banner_title_button .banner_title a, .nest_banners_two_columns .zenario_banner .banner_more a, .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_more a, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a, .zenario_skin a.nice_button, .zenario_skin a.book_your_place, .zenario_content_list.csl_grid .content_list_listing .content_list_more_bottom a, .zenario_storefront_basket .basket_links a.shopping_links.checkout { display:inline-block; height:40px; line-height:40px; padding:0 15px; color:#FFF; border:0; text-align:center; -webkit-border-radius: 6px; border-radius: 6px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .latest_items .title a.more_link, .zenario_banner.banner_more_button .banner_more a, .nest_banners_two_columns .zenario_banner .banner_more a, .zenario_banner.banner_title_button .banner_title a, .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_more a, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a, .zenario_skin a.nice_button, .zenario_skin a.book_your_place, .zenario_content_list.csl_grid .content_list_listing .content_list_more_bottom a, .zenario_storefront_basket .basket_links a.shopping_links.checkout { background:#e30613; /* Red */ } .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button, #colorbox #cboxLoadedContent input[type='submit'], #colorbox #cboxLoadedContent input[type='button'], #colorbox #cboxLoadedContent button, .extranet_wrap .extranet_view_profile .extranet_links a, .zenario_extranet_logout .extranet_links a, .zenario_banner.banner_sign_in .banner_title a { background:#1d71b8; /* Blue */ } .extranet_wrap .extranet_view_profile .extranet_links a, .zenario_extranet_logout .extranet_links a, .slot_extranet_header .zenario_plugin_nest .zenario_banner .banner_title h2 a:hover, .latest_items .title a.more_link:hover, .zenario_banner.banner_more_button .banner_more a:hover, .nest_banners_two_columns .zenario_banner .banner_more a:hover, .zenario_banner.banner_title_button .banner_title a:hover, .slot_slideshow_mobile .zenario_plugin_nest .zenario_banner .banner_more a:hover, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a:hover, .zenario_skin a.nice_button:hover, .zenario_skin a.book_your_place:hover, .zenario_content_list.csl_grid .content_list_listing .content_list_more_bottom a:hover, .zenario_storefront_basket .basket_links a.shopping_links.checkout:hover { text-decoration:none; } .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button, #colorbox #cboxLoadedContent input[type='submit'], #colorbox #cboxLoadedContent input[type='button'], #colorbox #cboxLoadedContent button, .extranet_wrap .extranet_view_profile .extranet_links a, .zenario_extranet_logout .extranet_links a, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a, .zenario_content_list.csl_grid .content_list_listing .content_list_more_bottom a, .zenario_storefront_basket .basket_links a.shopping_links.checkout { -webkit-transition : opacity 200ms ease-in-out; -moz-transition : opacity 200ms ease-in-out; transition : opacity 200ms ease-in-out; } .zenario_skin input[type='submit']:hover, .zenario_skin input[type='button']:hover, .zenario_skin button:hover, #colorbox #cboxLoadedContent input[type='submit']:hover, #colorbox #cboxLoadedContent input[type='button']:hover, #colorbox #cboxLoadedContent button:hover, .extranet_wrap .extranet_view_profile .extranet_links a:hover, .zenario_extranet_logout .extranet_links a:hover, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a:hover, .zenario_content_list.csl_grid .content_list_listing .content_list_more_bottom a:hover, .zenario_storefront_basket .basket_links a.shopping_links.checkout:hover { opacity:0.9; } .extranet_wrap .extranet_edit_profile .form_buttons a.nice_button { background:#a7a7a7; } .zenario_skin input.input_submit_inline, #colorbox #cboxLoadedContent input[type='submit'], #colorbox #cboxLoadedContent input[type='button'], #colorbox #cboxLoadedContent button { height:27px; line-height:26px; font-size:13px; -webkit-border-radius: 4px; border-radius: 4px; } .zenario_banner.banner_more_button .banner_more { margin-top:10px; } #colorbox #cboxLoadedContent input[type='button'].zfea_cancel { background-color:#818181; } body.desktop .zenario_skin .big_button { font-size: 1.4em; height: 48px; line-height: 46px; padding: 0 20px; } /* Common styles Buttons Sweep to top --------------------------------------------------------------------------------------------------*/ .latest_items .title a.more_link, .zenario_banner.banner_more_button .banner_more a, .nest_banners_two_columns .zenario_banner .banner_more a, .zenario_banner.banner_title_button .banner_title a, .zenario_skin a.nice_button, .zenario_skin a.book_your_place { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .latest_items .title a.more_link:before, .zenario_banner.banner_more_button .banner_more a:before, .nest_banners_two_columns .zenario_banner .banner_more a:before, .zenario_banner.banner_title_button .banner_title a:before, .zenario_skin a.nice_button:before, .zenario_skin a.book_your_place:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1d71b8; /* Blue */ -webkit-border-radius: 6px; border-radius: 6px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .extranet_wrap .extranet_edit_profile .form_buttons a.nice_button:before { background:#ccc; } .latest_items .title a.more_link:hover:before, .latest_items .title a.more_link:focus:before, .latest_items .title a.more_link:active:before, .zenario_banner.banner_more_button .banner_more a:hover:before, .zenario_banner.banner_more_button .banner_more a:focus:before, .zenario_banner.banner_more_button .banner_more a:active:before, .nest_banners_two_columns .zenario_banner .banner_more a:hover:before, .nest_banners_two_columns .zenario_banner .banner_more a:focus:before, .nest_banners_two_columns .zenario_banner .banner_more a:active:before, .zenario_banner.banner_title_button .banner_title a:hover:before, .zenario_banner.banner_title_button .banner_title a:focus:before, .zenario_banner.banner_title_button .banner_title a:active:before, .zenario_skin a.nice_button:hover:before, .zenario_skin a.nice_button:focus:before, .zenario_skin a.nice_button:active:before, .zenario_skin a.book_your_place:hover:before, .zenario_skin a.book_your_place:focus:before, .zenario_skin a.book_your_place:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .zenario_skin a.book_your_place { font-family:"lexia",Verdana, Geneva, sans-serif; font-size:1.2em; padding-bottom:4px; margin:10px auto; } .zenario_skin a.book_your_place:after { font-family:"FontAwesome"; content:"\f245"; padding-left:10px; display: inline-block; animation: pulse 1.5s ease infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /* Common styles Reset buttons --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_storefront_documents table input[type="submit"] { background-color:transparent; -webkit-border-radius: 0; border-radius: 0; color:#3c3c3b; height:auto; line-height:1.2em; padding:0; } /* Common styles Date button --------------------------------------------------------------------------------------------------*/ .zenario_skin .field_date input.clear_date[type="button"] { margin-left:5px; -webkit-border-radius:50%; border-radius:50%; width:20px; height:20px; line-height:20px; padding:0; text-align:center; font-size:13px; background:#aaa; } body.webkit .zenario_skin .field_date input.clear_date[type="button"] { line-height:20px !important; } /* Common styles FontAwesome icons --------------------------------------------------------------------------------------------------*/ .latest_items .title a.more_link:after, .banner_title_button_back .banner_title a:before, .banner_title_back .banner_title a:before, .latest_items .more a, .slot_slideshow .zenario_slideshow .prev, .slot_slideshow .zenario_slideshow .next, .zenario_event_calendar .calendar_bottom .calendar_prev a:before, .zenario_event_calendar .calendar_bottom .calendar_next a:after, .zenario_promo_menu ul li.level1.has_child > a:after, .zenario_promo_menu ul li.level1_on.has_child > a:after, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li.has_child > a:after, .zenario_promo_menu .columns_wrap .level2 a:before, .zenario_promo_menu .columns_wrap .level2_on a:before, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > a:before, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > em > a:before, .zenario_content_list__default_style .content_list_data_row .content_list_more a:after, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_more a:after, .zenario_event_listing__default_style .single_event .single_event_more_link:after, .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:after, .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:before, .zenario_storefront_customer_orders .footer_links:before, .zenario_promo_menu .feature_wrap .feature_title h2:after, .zenario_storefront_products_fea .zfea_search_buttons a.fea_filter > span:after, .zenario_banner.banner_like_box .banner_title h2:after, .Grouping_Side .zenario_menu_vertical ul li a:before, #colorbox .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a:after { font-family: 'FontAwesome'; } .latest_items .title a.more_link:after, .latest_items .more.next a:after, .slot_slideshow .zenario_slideshow .next:after, .zenario_event_calendar .calendar_bottom .calendar_next a:after, .zenario_promo_menu .columns_wrap .level2 a:before, .zenario_promo_menu .columns_wrap .level2_on a:before, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > a:before, .zenario_menu.menu_top .wrap_menu_inner > ul > li > ul > li > em > a:before, .zenario_content_list__default_style .content_list_data_row .content_list_more a:after, .zenario_content_list.csl_recent_posts .content_list_data_row .content_list_more a:after, .zenario_event_listing__default_style .single_event .single_event_more_link:after, .zenario_promo_menu .feature_wrap .feature_title h2:after, .zenario_banner.banner_like_box .banner_title h2:after, .Grouping_Side .zenario_menu_vertical ul li a:before, #colorbox .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a:after { content: "\f105"; /* fa-angle-right */ font-size:12px; } .banner_title_button_back .banner_title a:before, .banner_title_back .banner_title a:before, .latest_items .more.previous a:before, .slot_slideshow .zenario_slideshow .prev:before, .zenario_event_calendar .calendar_bottom .calendar_prev a:before, .zenario_storefront_customer_orders .footer_links:before { content: "\f104"; /* fa-angle-left */ font-size:12px; } .zenario_promo_menu ul li.level1.has_child > a:after, .zenario_promo_menu ul li.level1_on.has_child > a:after, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li.has_child > a:after, .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:after, .zenario_storefront_products_fea .zfea_search_buttons a.fea_filter > span:after { content: "\f107"; /* fa-angle-down */ font-size:12px; } .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:before { content: "\f2c0"; /* user */ font-size:12px; } .latest_items .title a.more_link:after { padding-left:8px; } .banner_title_button_back .banner_title a:before, .banner_title_back .banner_title a:before { padding-right:8px; } .zenario_event_calendar .calendar_bottom .calendar_next a:after, .zenario_content_list__default_style .content_list_data_row .content_list_more a:after, .zenario_event_listing__default_style .single_event .single_event_more_link:after, .zenario_storefront_products_fea .zfea_search_buttons a.fea_filter > span:after, #colorbox .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a:after { padding-left:5px; } .zenario_event_calendar .calendar_bottom .calendar_prev a:before, .zenario_storefront_customer_orders .footer_links:before, .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:before { padding-right:5px; } .zenario_promo_menu ul li.level1.has_child > a:after, .zenario_promo_menu ul li.level1_on.has_child > a:after, .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:after { padding-left:2px; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li.has_child > a:after { padding-left:5px; } .zenario_promo_menu .columns_wrap .level2 a:before, .zenario_promo_menu .columns_wrap .level2_on a:before { position:absolute; top:4px; left:8px; } .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:after, .slot_extranet_header .zenario_menu_vertical .extranet_user_greeting:before, .zenario_storefront_customer_orders .footer_links:before { color:#1d71b8; /* blue */ } /* Common styles Latest events Latest news --------------------------------------------------------------------------------------------------*/ .slot_latest_events .zenario_event_listing:before, .slot_latest_events .zenario_event_listing:after, .slot_latest_news .zenario_content_list .content_list_listing:before, .slot_latest_news .zenario_content_list .content_list_listing:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .slot_latest_events .zenario_event_listing:after, .slot_latest_news .zenario_content_list .content_list_listing:after { clear: both; } .slot_latest_events .zenario_event_listing, .slot_latest_news .zenario_content_list { position:relative; } .latest_items .more { position:absolute; top:50%; } .latest_items .more a { display:inline-block; width:38px; height:38px; border:1px solid #9d9d9d; text-align:center; color:#e30613; font-size:30px; line-height:35px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .layout_home_v2 .latest_items .more a { background:#FFF; } .latest_items .more a:hover { text-decoration:none; background:#d8d8d8; } .latest_items .more.previous { left:-50px; } .latest_items .more.next { right:-50px; } .latest_items .title { overflow:hidden; padding-bottom:2px; margin-bottom:25px; border-bottom:2px solid #e9e9e9; clear:both; position:relative; } .latest_items .title h2, .slot_recent_title .zenario_html_snippet h2 { display:inline-block; padding:2px 60px 0 0; min-height:38px; } .slot_latest_events .zenario_event_listing .title h2 { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-up-coming-events.svg') no-repeat right top / 40px; } .slot_recent_title .zenario_html_snippet h2 { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-calendar-blue.svg') no-repeat right top / 40px; } .slot_latest_news .zenario_content_list .title h2 { background:url('../../zenario_custom/skins/ior/editable_css/../images/icon-loud-speaker-blue.svg') no-repeat right top / 40px; } .latest_items .title a.more_link { position:absolute; right:0; top:0; } .slot_latest_events .zenario_event_listing .single_event, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row { width:31.33%; float:left; margin:0 1%; } .slot_latest_events .zenario_event_listing .single_event .single_event_sticky_image, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row div.sticky_image { margin-bottom:15px; position:relative; } .slot_latest_events .zenario_event_listing .single_event .single_event_sticky_image img, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row div.sticky_image img { max-width:100% !important; height:auto !important; } .slot_latest_events .zenario_event_listing .single_event .single_event_sticky_image .layer, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row div.sticky_image .layer { position:absolute; top:0; left:0; width:100%; height:100%; max-width:355px; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slot_latest_events .zenario_event_listing .single_event:hover .single_event_sticky_image .layer, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row:hover div.sticky_image .layer { opacity:1; visibility:visible; } .slot_latest_events .zenario_event_listing .single_event .event_title h2, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row h2, .Grid_Section_Recent .zenario_banner .banner_title h2 { font-size:1em; font-weight:700; line-height:24px; padding-bottom:0; margin-bottom:0; } .Grid_Section_Recent .zenario_banner .banner_title h2 { line-height:1.3em; } .slot_latest_events .zenario_event_listing .single_event .event_title h2 a, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row h2 a, .Grid_Section_Recent .zenario_banner .banner_title h2 a { color:#3c3c3b; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slot_latest_events .zenario_event_listing .single_event .event_title h2 a:hover, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row h2 a:hover, .Grid_Section_Recent .zenario_banner .banner_title h2 a:hover { color:#1d71b8; } .slot_latest_events .zenario_event_listing .single_event .single_event_date, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row .content_list_date { display:block; font-size:0.875em; color:#1d71b8; } .layout_home_v2 .slot_latest_events .zenario_event_listing .title h2, .layout_home_v2 .slot_latest_events .zenario_event_listing .single_event .event_title h2 a, .layout_home_v2 .slot_latest_events .zenario_event_listing .single_event .event_title h2 a:hover, .layout_home_v2 .slot_latest_events .zenario_event_listing .single_event .single_event_date { color:#FFF; } /* Common styles boxes Content list box Nest box --------------------------------------------------------------------------------------------------*/ .zenario_content_list.content_list_box, .zenario_plugin_nest.nest_box, .zenario_banner.banner_like_box { overflow:hidden; background:#efefef; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .zenario_content_list.content_list_box > h2, .zenario_plugin_nest.nest_box .nest_title h2, .zenario_banner.banner_like_box .banner_title { margin:0; background: #5695ca; padding: 15px 10px; color: #FFF; font-size: 1.125em; font-family: "proxima-nova",Verdana,Geneva,sans-serif; text-align:center; } .zenario_banner.banner_like_box .banner_wrap_inner > .banner_title a { color: #FFF; } .zenario_content_list.content_list_box .content_list_listing, .zenario_plugin_nest.nest_box .nest_plugins_wrap, .zenario_banner.banner_like_box .banner_content, .zenario_banner.banner_like_box .banner_wrap_inner > .banner_image, .zenario_banner.banner_like_box .banner_wrap_inner > .banner_text { padding:15px; } .zenario_content_list.content_list_box .content_list_listing h2, .zenario_plugin_nest.nest_box .nest_plugins_wrap .banner_title h2, .zenario_banner.banner_like_box .banner_title h2, .zenario_banner.banner_like_box .banner_content p, .zenario_banner.banner_like_box .banner_content ul li { font-family:"proxima-nova",Verdana, Geneva, sans-serif; font-size:1.125em; font-weight:400; } .zenario_content_list.content_list_box .content_list_listing h2, .zenario_plugin_nest.nest_box .nest_plugins_wrap .banner_title h2 { padding: 0 0 5px 30px; background: url('../../zenario_custom/skins/ior/editable_css/../images/icon-bullet-tick.svg') no-repeat 0 0 / 24px; line-height:24px; } .zenario_content_list.content_list_box .content_list_listing h2 a, .zenario_plugin_nest.nest_box .nest_plugins_wrap .banner_title h2 a, .zenario_banner.banner_like_box a .banner_content { color:#3c3c3b; } .zenario_banner.banner_like_box .banner_title h2 { margin:0; } .zenario_banner.banner_like_box .banner_content, .zenario_banner.banner_like_box .banner_wrap_inner { overflow:hidden; } .zenario_banner.banner_like_box .banner_content .banner_image, .zenario_banner.banner_like_box .banner_wrap_inner > .banner_image { float:left; padding-right:10px; padding-top:15px; } .zenario_banner.banner_like_box .banner_content .banner_text, .zenario_banner.banner_like_box .banner_wrap_inner > .banner_text { overflow:hidden; } .zenario_banner.banner_like_box a:hover { text-decoration:none; } .zenario_banner.banner_like_box .banner_title { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_banner.banner_like_box .banner_title h2:after { float:right; color:#fff; } .zenario_banner.banner_like_box:hover .banner_title { background:#e30613; } /* --------------------------------------------------------------------------------------------------*/ .zenario_storekeeper_banner { overflow:hidden; } .zenario_storekeeper_banner .banner_image { float:left; max-width:300px; } .zenario_storekeeper_banner .storefront_banner_content { overflow:hidden; float:left; width:calc(100% - 330px); padding-left:30px; } .zenario_storekeeper_banner .storefront_banner_content .banner_title h2 { font-size:1.500em; } .zenario_storekeeper_banner .storefront_banner_content .banner_title h2 a { color:#3c3c3b; } .zenario_storekeeper_banner .storefront_banner_content .banner_title h2 a:hover { text-decoration:none; } .zenario_storekeeper_banner .storefront_banner_content .product_buttons { position:relative; background:#f0f0f0; margin-top:15px; } .zenario_storekeeper_banner .storefront_banner_content .product_buttons, .zenario_storekeeper_banner .storefront_banner_content .product_count_in_basket_container { padding:15px; } .zenario_storekeeper_banner .storefront_banner_content .product_buttons .banner_btn input[type="submit"] { position:absolute; top:15px; right:15px; font-size:1.125em; height:40px; line-height:38px; } .zenario_storekeeper_banner .storefront_banner_content .product_price { padding-right:150px; } .zenario_storekeeper_banner .storefront_banner_content .product_price p { font-size:1.125em; margin-bottom:5px; } .zenario_storekeeper_banner .storefront_banner_content .product_count_in_basket_container { text-align:right; } .zenario_storekeeper_banner .storefront_banner_content .product_count_in_basket_container a:before { font-family: 'FontAwesome'; content: "\f291"; padding-right:5px; } /* Cookies --------------------------------------------------------------------------------------------------*/ .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text a { color:#1d71b8; } .switch input:checked + .slider { background-color:#1d71b8; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input { background:#e30613; } .zenario_cookie_consent_manage_popup .switch input:disabled + .slider { opacity:0.5; } /* Pagination --------------------------------------------------------------------------------------------------*/ .pag_pagination { margin-top:10px; text-align:center; } .pag_pagination span a { display:inline-block; font-size:13px; margin: 0 1px 5px; padding: 0 9px 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#FFF; background:#555; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .pag_pagination span a:hover, .pag_pagination span.pag_page_on a { background:#1d71b8; text-decoration:none; } /* Sticky panel --------------------------------------------------------------------------------------------------*/ .Grouping_Main_Body { position:relative; } .Grouping_Main_Body .zenario_ecommerce_conference_tickets.Sticky_Element { min-width:356px; max-width:356px; padding-bottom:15px; background:#FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .Grouping_Main_Body .zenario_ecommerce_conference_tickets.Sticky_Element.active { margin-top:80px; z-index:20; } /* Use these classes for responsive videos --------------------------------------------------------------------------------------------------*/ .video_responsive_container { max-width:1100px; margin-left:auto; margin-right:auto; display:block; } .video_responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; text-align:center; margin-bottom:20px; width:99.9%; } .video_responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .tox .tox-collection__item-label > div { display:inline-block; padding:6px; } /**/ /* General --------------------------------------------------------------------------------------------------*/ .zfea > h1 { margin-bottom: 1em; } .zfea_item_count { font-style:italic; text-align:right; font-size:0.875em; } .nest_fea .zenario_slot { padding-bottom:30px; } .nest_fea .zenario_slot.zenario_breadcrumbs, .zenario_plugin_nest.nest_zfea .zenario_slot.zenario_breadcrumbs { padding-bottom:0; } .zfea .zfea_top_buttons, .title_with_icons .top_buttons { padding-top:4px; } .title_with_icons.title_subheading_icons .top_buttons { padding-top:0; } .zenario_skin .zenario_plugin_nest.nest_zfea select, .zenario_skin .zenario_plugin_nest.nest_zfea input[type="text"], .zenario_skin .zenario_plugin_nest.nest_zfea input[type="password"], .zenario_skin .zenario_plugin_nest.nest_zfea input[type="email"] { height:30px; line-height:30px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb::before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a::before { content:''; padding-right:0; } .zfea_form_row { padding-bottom:15px; } .zfea_form_row .title { padding-bottom:5px; font-weight:600; } table.table_list tr th:first-child, table.table_list tr th:last-child { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .zenario_skin table tr td.sorted_buttons ul li a.small_button { width:100%; padding:0; } .zenario_skin .button_with_children_wrap ul { width:auto; min-width:100px; left:0; right:auto; padding:5px 0; } .zenario_skin .button_with_children_wrap ul::after { left:7%; right:auto; } .zenario_skin .button_with_children_wrap ul { width:180px; } .zenario_skin .zfea_zenario_list_products .zfea_search_buttons .button_with_children_wrap ul { width:380px; } .zfea .error { background-image:none; min-height:none; padding:0 0 15px; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term, .zenario_skin .zfea .search_form input[type="submit"] { border:0; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { width:calc(100% - 60px); max-width:500px; -webkit-box-shadow: none; box-shadow: none; background: #fff; border: 2px solid #1d71b8; border-right:0; height: 37px; } #span__last_updated { font-size: 0.85em; font-style: italic; float: right; } .paginator_slider .ui-slider-handle { width:12px; background:#1d71b8; } .zenario_skin .zfea_form_row__user_salutation, .zenario_skin .zfea_form_row__user_salutation .zenario_textbox_with_autocomplete { overflow:inherit; } .zenario_skin .zfea_form_row__user_salutation .zenario_textbox_with_autocomplete { display:block; } .zenario_skin .zfea_form_row__user_salutation .zenario_textbox_with_autocomplete input[type="text"] { width:100px; } .zenario_skin .zfea_form_row__user_salutation .zenario_textbox_with_autocomplete input[type="button"] { height:42px; } .zenario_skin .zfea_form_row__user_salutation + .zfea_form_row__user_first_name { padding-top:15px; } .zfea_form_row.zfea_form_indent_level_1.zfea_form_row__password_message { margin-left:15px; } /* View membership --------------------------------------------------------------------------------------------------*/ .ior_membership_applications_fea .zfea_zenario_view_membership_application .zfea_top_buttons { padding-bottom:15px; } .ior_membership_applications_fea .zfea_zenario_list_membership_applications table tr th { padding-top:10px; } .ior_membership_applications_fea .zfea_zenario_list_membership_applications table tr th.sorted_buttons .zfea_button { width:120px; margin-top:5px; } .ior_membership_applications_fea .zfea_zenario_list_membership_applications table tr .sorted_buttons { width:190px; } .ior_membership_applications_fea .zfea_zenario_list_membership_applications table tr th.zfea_first_col, .ior_membership_applications_fea .zfea_zenario_list_membership_applications table tr td:first-child { width:150px; } .ior_membership_applications_fea .zfea_zenario_list_membership_applications table tr td div[class*="response_datetime"], .ior_membership_applications_fea .zfea_zenario_list_ior_memberships table tr td div[class*="start_text"] { white-space:nowrap; } /* IOR membership applications --------------------------------------------------------------------------------------------------*/ .ior_membership_applications_fea table tr td:first-child { width:30%; font-weight:600; border-right:1px solid #fff; } .ior_membership_applications_fea table tr td.subheader { width:auto !important; } .zfea_zenario_list_ior_memberships table.table_list tr .sorted_buttons { width:130px; } .zfea_zenario_list_membership_applications table .sorted_buttons { width:120px; } /* Storefront products --------------------------------------------------------------------------------------------------*/ .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_list_search_sort_wrapper { width:48%; float:left; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons { width:48%; float:right; } .zenario_storefront_products_fea .zfea_zenario_list_products .search_form { margin-top:9px; } .zenario_storefront_products_fea .zfea_zenario_list_products .search_form input[type="search"], .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons a.zfea_button.fea_filter { background-color:#efefef !important; border-color:#efefef !important; color:#3c3c3b !important; } .zenario_storefront_products_fea .zfea_zenario_list_products .search_form input[type="submit"] { border-color:#1d71b8 !important; background:#1d71b8 !important; color:#FFF !important; } .zenario_storefront_products_fea .zfea_zenario_list_products .search_form input[type="search"] { width:calc(100% - 40px); } .zenario_storefront_products_fea .zfea_zenario_list_products .search_form input[type="submit"] { width:38px; line-height:1.2em; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons .button_with_children_wrap { width:calc(100% - 21px); float:left; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons .button_with_children_wrap > a.fea_filter { width:calc(100% - 32px); height:38px; line-height:38px; padding:0 20px 0 10px; margin:0; font-size:1em; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons .button_with_children_wrap > a.fea_filter span { width:100%; display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:left; } .zenario_storefront_products_fea .zfea_search_buttons a.fea_filter > span:after { padding-left:0; position:absolute; right:8px; } .zenario_storefront_products_fea .zfea_search_buttons::before { padding-top:8px; } .zenario_skin .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons .button_with_children_wrap ul { top:40px; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_table_list_wrap { float:none; clear:both; padding-top:30px; } .zenario_storefront_products_fea .zfea_zenario_list_products .sorted_buttons { width:160px; } .zenario_storefront_products_fea .details .product_name { display:none; } .zenario_storefront_products_fea .zfea_table_list_wrap table tr td div[class*="image_id"] { display:inline-block; } .zenario_storefront_products_fea .zfea_table_list_wrap table tr td div[class*="image_id"] img { border:3px solid #FFF; } .zenario_storefront_products_fea .zfea_table_list_wrap table tr td div[class*="name"] { font-family:"lexia",Verdana, Geneva, sans-serif; font-size:1.125em; line-height:1.4em; } .zenario_storefront_products_fea.zenario_storefront_products_fea__in_mode__view_product .title_with_icons, .zenario_storefront_products_fea.zenario_storefront_products_fea__in_mode__view_product .details { float:none; clear:both; } .zenario_storefront_products_fea.zenario_storefront_products_fea__in_mode__view_product > img { float:left; max-width:70px; height:auto !important; margin-bottom:20px; border:1px solid #888; padding:3px; } .zenario_storefront_products_fea.zenario_storefront_products_fea__in_mode__view_product .price_info { float:right; width:calc(100% - 85px - 30px); } /* List orders --------------------------------------------------------------------------------------------------*/ .zenario_orders_fea .zfea_zenario_list_orders table.table_list tr .sorted_buttons { width:140px; } .zenario_orders_fea .zfea_zenario_list_orders table.table_list td div.col_value_for__id { width:75px; } .zenario_orders_fea .zfea_zenario_list_orders table.table_list td div.col_value_for__created { width:90px; } /* Blocks list products --------------------------------------------------------------------------------------------------*/ .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_image_id img { max-width: none !important; max-height: none !important; margin:0 auto 5px; padding:3px; border:1px solid #888; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block { border-bottom: 2px solid #e9e9e9; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block .column_product_display_name, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block .column_name { font-weight: 700; font-size:1.1em; font-family:"lexia",Verdana, Geneva, sans-serif; line-height: 24px; } .zfea_blocks .block_buttons_bottom { text-align:center; padding-top:5px; } .zfea_blocks .block_view_box.column_name { font-family: "lexia",Verdana, Geneva, sans-serif; font-size: 1.125em; line-height: 1.4em; } .zenario_skin .button_with_children_wrap ul li a { width:calc(100% - 20px); padding:4px 10px; } .zenario_storefront_products_fea .zfea_block .column_price_text .field_value:before { content:"Price: "; font-weight: bold; } .zenario_storefront_products_fea .zfea_block .column_members_price_text .field_value:before { content:"Members price: "; font-weight: bold; } .zenario_storefront_products_fea .zfea_block .column_dataset_field_133 .field_value:before { content:"Type: "; font-weight: bold; } .zenario_storefront_products_fea .zfea_block .column_dataset_field_134 .field_value:before { content:"Publisher: "; font-weight: bold; } .zenario_storefront_products_fea .zfea_block .column_dataset_field_135 .field_value:before { content:"Publication year: "; font-weight: bold; } /* Users list --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_users .zfea_list_search_sort_wrapper { width:50%; float:left; } .zfea_zenario_list_users .zfea_list_search_sort_wrapper + .zfea_search_buttons { max-width:45%; float:right; } .zfea_zenario_list_users .zfea_search_buttons + .zfea_table_list_wrap { clear:both; float:none; padding-top:1.5em; } /* Tokenize --------------------------------------------------------------------------------------------------*/ .zenario_skin div.Tokenize ul.TokensContainer li.Placeholder, .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch { line-height:30px !important; } div.TokenizeMeasure, div.Tokenize ul li span, div.Tokenize ul.TokensContainer li.TokenSearch input { font-family: "proxima-nova",Verdana, Geneva, sans-serif; font-size:1em !important; } .zenario_skin .Tokenize .TokensContainer .Token { width:auto; margin-top:0px !important; } .zenario_skin div.Tokenize .zfea_picked_file_wrapper { min-width:0; } .zfea_form_row.zfea_form_row__files #name_for_files div.Tokenize { max-width:100%; float:left; } /* Pagination --------------------------------------------------------------------------------------------------*/ .zfea_pagination .paginator_p_wrap a.paginator_p.selected { background:#1d71b8; } /* Colorbox --------------------------------------------------------------------------------------------------*/ #colorbox:not(.zenario_admin_cb).zfea_colorbox_content #cboxLoadedContent { padding:0; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content #cboxLoadedContent .zfea_colorbox_content { overflow:hidden; height:calc(100% - 30px); width:calc(100% - 30px); padding:15px; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_member_notice { overflow:hidden; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content #cboxLoadedContent .zfea_colorbox_content .zfea_colorbox_title { overflow:hidden; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_member_notice .zfea_colorbox_body { width:calc(100% - 150px); float:left; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_member_notice .zfea_colorbox_buttons { width:150px; height:75px; float:right; padding:0; position:relative; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_member_notice .zfea_colorbox_buttons input { position:absolute; right:0; width:140px; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_member_notice .zfea_colorbox_buttons .zfea_cancel { top:0; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_member_notice .zfea_colorbox_buttons .zfea_do_it { bottom:0; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_member_notice .zfea_colorbox_buttons input { margin:0; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm { padding:0; } #colorbox:not(.zenario_admin_cb).zfea_colorbox_content .zfea_confirm_buttons.zfea_colorbox_buttons form { padding-bottom:10px; } /**/ /* General --------------------------------------------------------------------------------------------------*/ .nest_buttons { border-bottom:1px solid #ccc; } .zfea_edit_box { border:2px solid #e9e9e9; } .zfea_colorbox_content .zfea_colorbox_title h1, #colorbox .embed_slide .embed_title { border-bottom:2px solid #3c3c3b; } /* Zfea Search form --------------------------------------------------------------------------------------------------*/ .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input[type="submit"] { border:2px #1d71b8 solid; background:#fff; } .zenario_skin .zfea .search_form input[type="search"] { border-right:0; } .zenario_skin .zfea .search_form input[type="submit"] { border-left:0; color:#1d71b8; } .zenario_skin .zfea .search_form input[type="button"] { background-color:transparent; color:#CCC; } /* Conference --------------------------------------------------------------------------------------------------*/ .zenario_conference_fea .details p b { font-size:1.143em; font-weight:600; color:#1d71b8; } /* Tokenize --------------------------------------------------------------------------------------------------*/ .zenario_skin div.Tokenize, .zenario_skin div.Tokenize ul.TokensContainer { border:0; background:#e9e9e9; } .zenario_skin div.Tokenize ul.TokensContainer li.Token { background-color: #eff2f7; border: 1px solid #ccd5e3; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close { color: #a6b4ce; } /* Buttons with children --------------------------------------------------------------------------------------------------*/ .zenario_skin .button_with_children_wrap ul { background:#58595b; font-family: "proxima-nova",Verdana, Geneva, sans-serif; } .zenario_skin .button_with_children_wrap ul:after { border-color: rgba(236, 236, 236, 0); border-bottom-color: #58595b; } .zenario_skin .button_with_children_wrap ul li a { color:#FFF; } .zenario_skin .button_with_children_wrap ul li a:hover { background:#dee9f0; color:#1d71b8; } .zenario_skin .button_with_children_wrap ul li a.small_button { -webkit-border-radius:0; -mozborder-radius:0; border-radius:0; } /* Buttons, common --------------------------------------------------------------------------------------------------*/ .zfea_button, .nest_buttons a, .icon_button { font-family: "proxima-nova",Verdana, Geneva, sans-serif; font-size:1en; background-color:#1d71b8; color:#fff !important; border:0; } table th .zfea_button { font-family: "proxima-nova",Verdana, Geneva, sans-serif !important; background-color:#1d71b8; color:#fff !important; } .zfea_search_buttons::before { color:#1d71b8; } .zfea_search_buttons a.zfea_button.fea_filter { background: #6f8ca5; border-color:#6f8ca5; } .zfea_search_buttons a.zfea_button.fea_filter_on { background-color:#1d71b8; border-color:#1d71b8; } .zenario_skin input.launch_keeper[type="button"] { font-size:1em; color:#1d71b8 !important; } .zfea_button.ready_to_vote { background-color:#FE3D00; } .zfea_button.view_reviews { background-color:#2EAEF4; } .zfea_button.readonly, .zfea_button.readonly:hover, .zfea_button_disabled, .zfea_button_disabled:hover, input.readonly, input.readonly:hover { opacity:0.6 !important; background-color:#999 !important; cursor:default !important; } /* Icons color --------------------------------------------------------------------------------------------------*/ .zfea_button .fa { color:#FFF; } .fa.fa-search, .fa.fa-calendar, .stop_auto_refresh .fa.fa-circle { color:#1d71b8; } /**/ .layout_v3 .Grid_Bottom .zenario_html_snippet .social_links { padding:0; text-align:right; } /**/ /* Layout min-width: 1366px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1367px) { .slot_masthead .zenario_banner .banner_wrap .banner_content h2 { font-size:1.4em; line-height:1.3em; } .slot_masthead .zenario_banner .banner_wrap .banner_content p { font-size:1em; line-height:1.5em; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu { left:auto; right:0; } .zenario_banner.banner_home_masthead .banner_wrap_inner > a { background-position:left top; } body.desktop .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content h1 { font-size:2em; } .layout_v3 .page_technical .slot_masthead .zenario_banner img, .zenario_banner.banner_home_masthead.banner_home_masthead_125 .banner_image img { max-width:100% !important; height:auto !important; } } /* Layout min-width: 1280px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1281px) { .latest_items .more { display:none; } .slot_masthead .zenario_banner a { background-position:50% center; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { max-width:none; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:400px; padding-right:30px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner h2 { font-size:1.5em; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner p { font-size:1.1em; line-height:1.3em; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:auto; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a { margin-right:0; } .zenario_promo_menu ul li > a { padding-left:12px; padding-right:12px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row div.sticky_image img { max-width:100% !important; height:auto !important; } } /* Layout min-width: 1140px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1139px) { .Grouping_Main_Body .zenario_ecommerce_conference_tickets.Sticky_Element { min-width:auto; } } /* Layout min-width: 1024px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1025px) { .layout_v3 .page_technical .Grid_Header { padding:0; } .layout_v3 .zenario_banner.banner_home_masthead .banner_wrap_inner > a { height: 380px !important; background-size:cover !important; } .zenario_promo_menu ul li { font-size:0.857em; } .layout_v3 .Grid_Header .slot_logo .zenario_banner img, .layout_v3 .Grid_Header_Logo .slot_logo .zenario_banner img { width:196px !important; height:40px !important; } .layout_v3 .Grid_Header_Logo { height:40px; } .zenario_menu.menu_top { position:relative; left:-50px; width:calc(100% + 50px); } .zenario_menu.menu_top ul { font-size:0.9em; } .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li > a, .zenario_menu.menu_top .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text { padding-left:10px; padding-right:10px; } .layout_v3 .zenario_promo_menu .wrap_menu_inner > ul > li > a { padding-left:10px; padding-right:10px; } .zenario_promo_menu ul .columns_wrap .column { width:calc( (100% - 350px) / 2 ); padding:10px 15px; } .zenario_promo_menu .feature_wrap { width:250px; } } /* Layout min-width: 980px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 981px) { .zenario_storefront_products_fea .zfea_zenario_list_products .search_form { padding-left:0; } .zfea_zenario_list_products table.table_list tr .sorted_buttons { width:165px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:450px; padding-top:15px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a { height:34px; line-height:34px; min-width:auto; font-size:1em; } .zenario_promo_menu ul li { font-size:0.82em; } .zenario_promo_menu ul li > a { padding-left: 8px; padding-right: 8px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { width:300px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button { width:80px; } .zenario_advanced_search .search_entry_box_panel .search_area form div a { font-size:0.9em; } .zenario_banner.membership_intro div .banner_image { width:50%; } .zenario_banner.membership_intro div .banner_image img { max-width:100% !important; height:auto !important; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner h3 { font-size:1em; } } /* Layout min-width: 800px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 801px) { .zenario_user_forms .page_1 .form_field.heading_with_icon select { width:100%; } } /* Layout min-width: 768px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 769px) { .zenario_skin img { max-width:100% !important; height:auto !important; } .Grid_Header { height:70px; padding:10px 0; border-bottom:1px solid #333; } .Grid_Header .zenario_menu_reponsive_multilevel_2 { position: absolute; display:block; } .Grid_Header .slot_logo { position:relative; z-index:59; left:80px; top:12px; } .Grid_Header .slot_logo, .Grid_Header .slot_logo .zenario_banner, .Grid_Header .slot_logo .zenario_banner > div { display:inline-block; } .layout_v3 .Grid_Header { background:#FFF; top:58px; } .Grid_Header .Grouping_Header { display:inline-block; float:right; position:relative; z-index:59; top:22px; right:10px; } .layout_v3 .Grid_Header_Logo { position:absolute; z-index:90; top:58px; left:80px; padding:12px 0 0; display: inline-block; } .sticky_header .layout_v3 .Grid_Header_Logo { position: sticky; top:0; left: 80px; } .Grid_Header .Grouping_Header .zenario_banner.banner_title_button .banner_title a { min-width:50px; height:32px; line-height:32px; padding:0 8px; font-size:0.875em; } .layout_v3 .Grid_Top .slot_extranet_header { width:200px; float:right; } .slot_masthead .zenario_banner .banner_wrap .banner_content .banner_content_inner { padding:10px 15px 0 0; } .slot_masthead .zenario_banner .banner_wrap .banner_content h2 { font-size:1.2em; line-height:1.2em; } .layout_v3 .zenario_banner.banner_home_masthead .banner_wrap_inner > a { height: 320px !important; } .slot_masthead .zenario_banner a { height:200px !important; background-size:cover; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu { left:auto; right:0; } .layout_v3 .Grid_Top .container { padding-left:15px; padding-right:15px; } .layout_v3 .Grid_Top .slot_social_links { width:calc(100% - 200px); float:left; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket { padding-left:0; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket:before { content:""; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content { position:static; background:#1d71b8; width:calc(100% - 30px); padding:15px; overflow:hidden; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .curve { display:none; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner { float:none; text-align:left; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner, .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:auto; padding:0; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { width:calc(100% - 125px); float:left; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:120px; float:right; clear:none; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner p { font-family:"proxima-nova",Verdana, Geneva, sans-serif; font-size:1em; } .slot_slideshow .zenario_slideshow .next { right:15px; } .slot_slideshow .zenario_slideshow .prev { left:15px; } .slot_slideshow .zenario_slideshow .prev, .slot_slideshow .zenario_slideshow .next { top:30%; width:38px; height:38px; font-size:30px; line-height:35px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content { top:80px; left:auto; max-width:500px; } .Grid_Body .container { overflow:hidden; } .Grid_Body .container, .Grid_Bottom .container, .Grid_Footer .container { padding-left:15px; padding-right:15px; } .Grid_Bottom .container, .Grid_Footer .container { text-align:center; } .Grid_Bottom { padding:15px 0; } .Grid_Bottom .container p br { display:none; } .slot_contact_info .zenario_html_snippet { padding-top:0; } .slot_contact_info .zenario_html_snippet p { margin-bottom:0; } .slot_contact_info .zenario_html_snippet p { font-size:0.875em; } .Grid_Bottom .zenario_html_snippet .social_links { padding:10px 0; } .Grid_Footer { padding:12px 0 10px; line-height:1.2em; } .slot_powered .zenario_html_snippet { text-align:center; } .zenario_skin h1 { font-size:200%; } .zenario_skin h2 { font-size:160%; } .zenario_skin h3 { font-size:140%; } .zenario_skin h4 { font-size:115%; } .zenario_skin h5 { font-size:110%; } .zenario_skin h6 { font-size:0.875em; } .zenario_html_snippet h1[class^="title_icon_"], .zenario_content_list__default_style h1 { background-size:50px !important; padding:6px 0 6px 60px; } .Grid_Body .zenario_slot { margin-bottom:20px; } .layout_home .Grid_Body .zenario_slot, .layout_landing .Grid_Body .zenario_slot, .layout_landing .Grid_Body .zenario_slot.zenario_breadcrumbs, .layout_landing .Grid_Body .nest_banners_two_columns .zenario_banner { margin-bottom:30px; } .zenario_plugin_nest.nest_sections .nest_title, .zenario_plugin_nest.nest_sections .zenario_html_snippet { padding-bottom:10px; } .zenario_plugin_nest.nest_sections .minigrid.span2 { display:inline-block; } .zenario_plugin_nest.nest_sections .minigrid.span2 .zenario_html_snippet { display:none; } .zenario_plugin_nest.nest_sections .minigrid.span2 .zenario_banner { width:160px; display:inline-block; margin:5px 10px; } .slot_membership .zenario_banner, .slot_apprentice .zenario_banner { max-width:520px; margin:auto; } .zenario_user_forms .form_fields .column_left, .zenario_user_forms .form_fields .column_right { width:100%; float:none; } .zenario_storekeeper_banner .banner_image, .zenario_storekeeper_banner .storefront_banner_content { float:none; width:100%; } .zenario_storekeeper_banner .storefront_banner_content { padding-top:10px; padding-left:0; } .zenario_extranet_profile .extranet_wrap { max-width:none; } body.mobile .Grouping_Side .zenario_multiple_image_container .banner_title, body.mobile .Grouping_Side .zenario_multiple_image_container .title { text-align:center; } body.mobile .Grouping_Side .zenario_multiple_image_container .banner_title { border-top:2px solid #e9e9e9; padding-top:10px; } body.mobile .Grouping_Side .zenario_multiple_image_container .banner_images .banner_image img { max-width:200px !important; } body.mobile .Grouping_Side .zenario_menu_vertical { display:none; } body.mobile .layout_event .Grouping_Side .Slot_Side_Menu_Mobile .zenario_menu_vertical, body.mobile .layout_sub_event .Grouping_Side .zenario_menu_vertical { display:block; padding:0; } /*.zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons { float:none; clear:both; padding:15px 0 0 0; max-width:none; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons .button_with_children_wrap { width:100%; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons a.zfea_button.fea_filter { width:calc(100% - 27px - 17px); } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons .button_with_children_wrap .fea_filter span { max-width:none; width:100%; }*/ .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_list_search_sort_wrapper { width:100%; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons { width:calc(100% - 18px); } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_list_search_sort_wrapper, .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons { float:none; margin-top:5px; margin-bottom:5px; } .layout_home .Grid_Section, .Grid_Content { padding:20px 15px; } .Grid_Section_Recent .zenario_banner { padding-bottom:20px; overflow:hidden; } .Grid_Section_Recent .zenario_banner .banner_image { width:100px; margin-right:15px; float:left; } .Grid_Section_Recent .zenario_banner .banner_content { width:calc(100% - 115px); float:right; } .Grid_Section_Recent .Slot_Recent_Added_3, .Grid_Section_Recent .Slot_Recent_Added_4 { margin-top:0; } .zenario_html_snippet .join_steps > div { width:calc(50% - 40px); float:left; min-height:150px; } #colorbox .zenario_event_calendar .calendar { width:calc(100% - 65px); } #colorbox .zenario_event_calendar { height:90vh; } #colorbox .day_view .day_view_wrap { width:auto; } .layout_v3 .Grid_Bottom .zenario_html_snippet .social_links { text-align:center; padding-top:15px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row { overflow:hidden; padding:40px 0 20px; border-top:1px solid #000; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row div.sticky_image { width:200px; float:left; margin-right:20px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_more { clear:both; float:none; text-align:center; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text { overflow:hidden; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .pinned_icon::before { width: 20px; height: 20px; line-height: 20px; font-size:12px; } .zenario_plugin_nest.nest_sections.nest_grid_5 .zenario_banner > div, .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .banner_title { height:auto; } .zenario_banner.membership_intro div .banner_image { float:none; margin:0 auto 20px; } .Grid_Section { padding:20px 15px; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner { overflow:hidden; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner h3 { font-size:1.375em; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner .banner_image { width:60px; float:left; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner .banner_image img { width: 60px !important; height: 60px !important; } .zenario_plugin_nest.membership_grades_full_details .zenario_banner .banner_content { width:calc(100% - 60px - 15px); margin-left:15px; float:right; text-align:left; } .zenario_plugin_nest.membership_grades_full_details .nest_plugins .zenario_banner > div { padding: 10px 20px; overflow: hidden; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content .zenario_wysiwyg > p { padding:0; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table { font-size: 93%; line-height: 1.4em; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr td, .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr td:nth-child(2) { display:block; width:calc(100% - 30px) !important; padding:15px; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr { border-bottom:3px solid #333; } .zenario_plugin_nest.membership_grades_full_details .membership_grades_content table tr:nth-child(odd) td { background:rgba(255,255,255,0.8); } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_image img { margin:auto; } .line_items_list_table { overflow-x:auto; } .line_items_list_table:before { content:"Scroll right \00BB"; font-weight: bold; line-height: 30px; } .line_items_list_table table { font-size:90%; width:800px; } .line_items_list_table table tr th { padding:10px; vertical-align:top; } } /* Layout max-width: 680px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 681px) { .zenario_skin h1 { font-size: 150%; } .zenario_skin h2 { font-size: 130%; } .zenario_skin h3, .zenario_banner .text_blue { font-size: 120%; } .zenario_html_snippet h1[class^="title_icon_"], .zenario_content_list__default_style h1 { background-size: 30px !important; padding-left:40px; } .slot_masthead .zenario_banner .banner_wrap { height:auto; } .slot_masthead .zenario_banner .banner_wrap .curve { display:none; } .slot_masthead .zenario_banner .banner_wrap .banner_image { position:relative; } .slot_masthead .zenario_banner .banner_wrap .banner_image img { max-width:100% !important; height:auto !important; } .slot_masthead .zenario_banner .banner_wrap .banner_content { position:static; width:calc(100% - 20px); padding:8px 10px; background:#1d71b8; } .slot_masthead .zenario_banner .banner_wrap .banner_content h2 { font-size:1em; } .slot_masthead .zenario_banner .banner_wrap .banner_content p { font-family:"proxima-nova",Verdana, Geneva, sans-serif; line-height:1.2em; font-size:0.875em; margin:0 0 2px; } .slot_masthead .zenario_banner .banner_wrap .banner_content .banner_content_inner { width:auto; float:none; text-align:center; padding:0; } .zenario_extranet .extranet_wrap .panels .panel_login { border-right:0; border-bottom:1px dotted #3c3c3b; } .zenario_extranet .extranet_wrap .panels .panel_login, .zenario_extranet .extranet_wrap .panels .panel_register { width:100%; padding:10px 0; float:none; } .zenario_banner.two_columns .banner_image, .zenario_banner.two_columns .banner_content, .zenario_banner.two_columns.img_left .banner_image, .zenario_banner.two_columns.img_right .banner_content, .zenario_banner.two_columns.columns_70_30 .banner_content, .zenario_banner.two_columns.columns_70_30 .banner_image, .nest_banners_two_columns .zenario_banner .banner_image, .nest_banners_two_columns .zenario_banner .banner_content { float:none; width:100%; clear:both; } .zenario_banner.two_columns .banner_image img, .zenario_banner.two_columns.img_left .banner_image img, .zenario_banner.two_columns.columns_70_30 .banner_image img, .nest_banners_two_columns .zenario_banner .banner_image img { margin:auto; } .zenario_banner.two_columns.img_left .banner_image img, .zenario_banner.two_columns.img_right .banner_image img, .zenario_banner.two_columns.columns_70_30 .banner_image img, .nest_banners_two_columns .zenario_banner .banner_image img { max-width:200px !important; height:auto !important; margin:auto; padding-bottom:10px; } .zenario_banner.two_columns h2, .nest_banners_two_columns .zenario_banner h2 { margin-bottom:0; } .extranet_wrap .form_fields .column_left, .extranet_wrap .form_fields .column_right { width:100%; float:none; } .zenario_extranet_profile .extranet_edit_profile .form_field .form_error { position:relative; } #colorbox.new_item_popup #cboxLoadedContent > div .title h2 { font-size:1.1em; } #colorbox.new_item_popup #cboxLoadedContent > div { width:100%; height:350px !important; } #colorbox.new_item_popup #cboxLoadedContent > div .body > div { width: 100%; margin: 0; float: none; padding: 5px 0; } #colorbox.new_item_popup #cboxLoadedContent > div .body .image { position:static; height:auto; padding-bottom:0; background-position:center; } #colorbox.new_item_popup #cboxLoadedContent > div .body .image img { max-height:100px !important; display:block; margin:5px auto; } #colorbox.new_item_popup #cboxLoadedContent > div .body .image p { left: 0; text-align: center; } #colorbox.new_item_popup #cboxLoadedContent > div .body .actions { text-align: center; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .tothesameheight { max-width:24.5% !important; float:none; display:inline-block; margin-bottom:20px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row div.sticky_image { width:120px; } .responsive_table_wrap { position:relative; } .responsive_table_wrap:after { position: absolute; display: block; content: ""; height: 100%; width: 50px; z-index: 10; top: 0; right: 0; background: linear-gradient(-90deg, #FFF, transparent 58%); } .responsive_table_wrap .responsive_table_inner { overflow-x:auto; padding-right:30px; } .responsive_table_wrap table { width:700px; } } /* Layout max-width: 530px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 531px) { .zenario_storefront_products_fea .zfea_zenario_list_products .search_form { width:100%; } .zenario_storefront_products_fea .zfea_zenario_list_products .search_form, .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons { float:none; } .zenario_storefront_products_fea .zfea_zenario_list_products .zfea_search_buttons { padding-left:8px; } .zenario_html_snippet .publication_text { text-align:left; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content { padding:10px; width:calc(100% - 20px); } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { width:calc(100% - 105px); } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more { width:100px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .banner_more a { font-size:0.8em; padding:0 8px; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner h2 { font-size:1.1em; } .slot_slideshow .zenario_slideshow .zenario_banner .banner_content .content_inner p { display:none; } .slot_slideshow .zenario_slideshow .prev, .slot_slideshow .zenario_slideshow .next { width: 30px; height: 30px; font-size: 20px; line-height: 30px; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .tothesameheight { width:100%; max-width:none !important; height:auto !important; margin-bottom:10px; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .tothesameheight .banner_image img { height:80px !important; width:auto !important; padding:10px; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .tothesameheight .zenario_banner .banner_title p { position:relative; padding-bottom:10px; } body.mobile .Grouping_Side .zenario_plugin_nest .zenario_banner { width:100%; float:none; } .slot_recent_title .zenario_html_snippet { text-align:center; } .zenario_content_list.csl_grid .content_list_listing { font-size: 90%; line-height: 1.4em; } #colorbox.new_item_popup #cboxLoadedContent > div .title { padding-left:10px; padding-right:30px; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 481px) { .slot_masthead .zenario_banner a { height:160px !important; background-position:left center; } /* HP */ .latest_items .title { padding:10px 0 35px; margin:0; border-top:2px solid #e9e9e9; border-bottom:0; text-align:center; } .slot_latest_events .zenario_event_listing .title h2, .slot_latest_news .zenario_content_list .title h2 { background-size:32px; } .latest_items .title h2 { padding-right:40px; } .latest_items .title a.more_link { height:30px; line-height:30px; padding:0 8px; font-size:0.875em; width:90px; bottom:10px; left:0; top:auto; margin:auto; } .slot_latest_events .zenario_event_listing .single_event, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row { width:100%; margin:10px 0; float:none; } .slot_latest_events .zenario_event_listing .single_event .single_event_sticky_image .layer, .slot_latest_news .zenario_content_list .content_list_listing .content_list_data_row div.sticky_image .layer { max-width:100%; } .slot_apprentice .zenario_banner .banner_image { float:none; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; width:100%; height:100%; } .slot_apprentice .zenario_banner .banner_image img { max-height:none; } .slot_apprentice .zenario_banner .banner_content { text-align:center; position:relative; z-index:2; } /**/ .zenario_event_listing__default_style .single_event .single_event_sticky_image, .zenario_content_list__default_style .content_list_data_row div.sticky_image { float:none; margin:0 0 10px; } .zenario_event_listing__default_style .single_event .single_event_sticky_image img, .zenario_content_list__default_style .content_list_data_row div.sticky_image img { margin:auto; } .zenario_storekeeper_banner .storefront_banner_content .product_buttons .banner_btn { padding-bottom:10px; } .zenario_storekeeper_banner .storefront_banner_content .product_buttons .banner_btn input[type="submit"] { position:static; } .zenario_storekeeper_banner .storefront_banner_content .product_price { padding-right:0; } .zenario_html_snippet .join_steps > div { width:auto; float:none; min-height:0; padding-left:60px; text-align:left; } .zenario_html_snippet .join_steps > div img { position:absolute; top:15px; left:15px; width:30px !important; height:30px !important; } .zenario_html_snippet .join_steps > div br { display:none; } .zenario_html_snippet .join_steps > div strong { padding:5px 0; font-size:1.1em; } .zenario_html_snippet .join_steps > div.next { margin-bottom:12px; } .zenario_html_snippet .join_steps > div.next:after, .zenario_html_snippet .join_steps > div.next:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .zenario_html_snippet .join_steps > div.next:after { border-color: rgba(243, 246, 249, 0); border-top-color: #F3F6F9; border-width: 10px; margin-left: -10px; } .zenario_html_snippet .join_steps > div.next:before { border-color: rgba(233, 233, 233, 0); border-top-color: #e9e9e9; border-width: 13px; margin-left: -13px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row div.sticky_image { float: none; margin: 0 auto 10px; } } /* Layout max-width: 479px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 480px) { .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content { position:static; padding:15px 15px 0; text-align:center; } .zenario_banner.banner_home_masthead .banner_wrap_inner .banner_content h1 { text-shadow:none; font-size:170%; } .slot_social_links .zenario_plugin_nest .zenario_html_snippet { display:none; } .Grid_Top .slot_social_links .zenario_plugin_nest .nest_wrap .nest_plugins .zenario_slot.zenario_storefront_basket:after { content:""; } .layout_v3 .zenario_banner.banner_home_masthead .banner_wrap_inner > a { height: 220px !important; } .zenario_plugin_nest.nest_sections .minigrid.span2 .zenario_banner { width:110px; margin:5px; } .zenario_plugin_nest.nest_sections .zenario_banner > div { height:180px; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_title { height:40px; position:relative; padding:0 5px; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_title p { margin-bottom:0; line-height:1.2em; position:absolute; left:0; right:0; top:0; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_image img { padding:20px 0; } .Grouping_Home_Bottom .zenario_banner .banner_content .banner_text { padding:0; } .Grouping_Home_Bottom .zenario_banner .banner_content h3 { font-size:1.5em; } .slot_membership .zenario_banner .banner_content { width:calc(100% - 30px); padding:0 15px; } .slot_membership .zenario_banner .banner_content p, .slot_apprentice .zenario_banner .banner_content p { line-height:1.3em; } .zenario_plugin_nest.nest_sections.technical .nest_egg_equal_height .zenario_banner .banner_wrap_inner { min-height:auto; } .Grid_Header .zenario_menu_reponsive_multilevel_2 { text-align:left; } .Grid_Header .slot_logo img { height:40px !important; width:auto !important; } .Grid_Header .Grouping_Header { top:0; width:100%; float:none; right:0; } .Grid_Header .Grouping_Header .slot_extranet_header .zenario_plugin_nest { text-align:center; padding-top:5px; } .Grid_Header .Grouping_Header .slot_extranet_header .zenario_plugin_nest .zenario_banner div p { margin:0; } .Grid_Header .Grouping_Header .slot_extranet_header .zenario_plugin_nest .zenario_banner div p a { height:30px; min-width:auto; line-height:28px; font-size:14px; padding:0 12px; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical { display:block; text-align:center; } .slot_extranet_header .zenario_plugin_nest .zenario_menu_vertical .wrap_menu { left:auto; right:0; margin:auto; text-align:left; } #colorbox .zenario_event_calendar .calendar { height:calc(100% - 70px); width:calc(100% - 20px); padding:25px 10px 45px 10px; } #colorbox.event_calendar #cboxClose { top:2px; right:5px; } #colorbox.event_calendar #cboxTitle { background:#1d71b8; height:35px; bottom:-1px; } #colorbox.event_calendar #cboxPrevious, #colorbox.event_calendar #cboxNext { top:auto; bottom:12px; } #colorbox.event_calendar #cboxPrevious { left:15px; } #colorbox.event_calendar #cboxNext { right:15px; } #colorbox.event_calendar #cboxPrevious::after, #colorbox.event_calendar #cboxNext::after { border-color:#fff; } #colorbox .zenario_event_calendar .day_view { font-size:95%; } #colorbox .zenario_event_calendar .calendar .day_view { padding:0 10px; } #colorbox .zenario_event_calendar .day_view .day_view_title h1 { font-size:1.1em; } #colorbox .zenario_event_calendar .day_view .day_view_events_list ul li h3 { font-size:1em; } #colorbox .zenario_event_calendar .day_view .day_view_events_list ul li div.sticky_image { float:none; margin:0 0 10px; text-align:center; } #colorbox .zenario_event_calendar .day_view .day_view_events_list ul li div.sticky_image img { margin:auto; } #cboxOverlay.event_calendar { background:#FFF; opacity:1 !important; } .zenario_banner.membership_intro div .banner_image { width:80%; } } /* Layout max-width: 380px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 381px) { .slot_membership .zenario_banner .banner_content p, .slot_apprentice .zenario_banner .banner_content p, .zenario_banner.banner_more_button .banner_content .banner_more a { font-size:0.9em; } .zenario_banner.banner_more_button .banner_content .banner_more a { height:30px; line-height:30px; } #colorbox .zenario_event_calendar .day_view { font-size:90%; } } /* Layout max-width: 320px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 321px) { } /* Layout max-width: 1024px - 768px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 400px) and (max-width: 769px) { .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .tothesameheight { width:100%; max-width:none !important; float:none; margin:10px 0; } .zenario_plugin_nest.nest_sections.technical .nest_egg_equal_height .zenario_banner .banner_wrap_inner { min-height:140px; text-align:left; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .zenario_banner { overflow:hidden; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .zenario_banner .banner_image { float:left; } .zenario_plugin_nest.nest_sections.nest_grid_5 .nest_plugins .zenario_banner .banner_content { overflow:hidden; padding:15px; } .zenario_plugin_nest.nest_other_sections .zenario_banner { overflow:hidden; margin-bottom:0; padding:15px 0 10px 0; border-top:1px solid #efefef; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_image { width:35%; float:left; margin-right:15px; } .zenario_plugin_nest.nest_other_sections .zenario_banner .banner_content { width:calc(100% - 35% - 15px); float:right; } } /**/ @media print{.zenario_cookie_consent,.clear,.admin_link,.admin_login_link,.hide_from_print,.print_page_section,#google_translate_element,.ui-helper-hidden-accessible,.fa,object,iframe,form{display:none!important}.wow{visibility:visible!important;opacity:1!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}body{font-family:arial,verdana,helvetica;font-size:13px}h1,h2,h3,h4,h5,h6{font-family:arial,verdana,helvetica;font-weight:400}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}table{width:100%}table tr th,table tr td{border:1px solid #000}img{border:none}a{color:#000}.zenario_skin img{max-width:100%;height:auto!important}.Grid_Body img,.Gridbreak_Body img{max-width:300px}#colorbox,.zenario_push_pull-menu,.zenario_push_pull-wrapper__blocker,.search_button_panel,.Grid_Header .zenario_slot,.Gridbreak_Header .zenario_slot,.Gridbreak_Top .zenario_slot,.Grid_Footer .zenario_slot,.Gridbreak_Footer .zenario_slot,.zenario_slot.zenario_menu,.zenario_slot.zenario_menu_responsive_multilevel_2,.zenario_slot.zenario_menu_vertical,.zenario_slot.zenario_menu_forward_back_navigator,.zenario_slot.zenario_menu_multicolumn,.zenario_slot.zenario_promo_menu,.zenario_slot.zenario_slideshow,.zenario_slot.zenario_user_forms,.zenario_banner .banner_wrap_inner>a{display:none!important}.Grid_Header .zenario_slot.zenario_banner,.Gridbreak_Header .zenario_slot.zenario_banner{display:block!important}.banner_image_zoom,.zenario_banner .banner_more,.zenario_plugin_nest .nest_tabs ul li.tab_on div,.zenario_plugin_nest .nest_tabs ul li,.zenario_plugin_nest .prev,.zenario_plugin_nest .next,.zenario_advanced_search #search_results_tabs{display:none}.zenario_banner .banner_image_credit,.zenario_plugin_nest .nest_tabs ul li.tab_on{display:block}.zenario_breadcrumbs{font-size:10px;padding-top:10px;padding-bottom:10px}.zenario_breadcrumbs span:before{content:"\00bb "}.zenario_breadcrumbs span.level1_1_on:before,.zenario_breadcrumbs span.level1_1:before{content:""}.zfea_block,.zenario_content_list .content_list_data_row.tothesameheight,.zenario_plugin_nest .nest_egg_equal_height,.zfea_zenario_list_papers .papers_wrap .paper{height:100%!important}.zfea_block,.zenario_advanced_search .search_result{padding-top:10px;padding-bottom:10px}} /**/ @media print { ... } /**/ /* cache/bundles/skin-css-id-2-vKxK8YqO9ibwq6Pq-/skin.css was written to the page cache */