/* ------------------ Sidebar ----------------- */
@media all and (min-width: 560px) {
.sidebar {
float: left; /* LTR */
position: relative;
width: 50%;
}
[dir="rtl"] .sidebar {
float: right;
}
.layout-one-sidebar .sidebar {
width: 100%;
}
}
@media all and (min-width: 851px) {
.layout-one-sidebar .sidebar {
width: 25%;
}
#sidebar-first {
width: 25%;
margin-right: -100%; /* LTR */
}
[dir="rtl"] #sidebar-first {
margin-right: -100%;
margin-left: 0;
}
#sidebar-second {
width: 25%;
margin-left: -25%; /* LTR */
clear: none;
}
[dir="rtl"] #sidebar-second {
margin-right: -25%;
margin-left: 0;
}
}
.sidebar .section {
padding: 10px 15px 0;
}
.sidebar .block {
margin: 0 0 20px;
}
.sidebar tbody {
border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
background: none;
border-bottom: 1px solid #d6d6d6;
}
#sidebar-first,
#block-mainnavigation .menu > li
{ width: 255px; }
/* Common */
#block-mainnavigation .menu { margin: 20px 0 0 0; }
#block-mainnavigation .menu a.is-active
{ color: #444D5F !important; font-family: "Open Sans"; font-size: 12px; line-height: 17px; font-weight: 100; }
/* First Level - Home */
#block-mainnavigation .menu > li
{ background: url('../../images/home-category.svg') no-repeat top 10px left; padding: 13px 0; }
#block-mainnavigation .menu > li a /* Home Link */
{ padding: 0 0 10px 30px; display: block; }
#block-mainnavigation .menu > li a,
#block-mainnavigation .menu .secondlevel li a
{
color: #434C5E;
font-family: "BrandonGrotesque";
font-size: 11px;
font-weight: 600;
line-height: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: uppercase;
}
/* Second Level */
#block-mainnavigation .menu .secondlevel { margin: 0; padding: 0; }
#block-mainnavigation .menu .secondlevel li
{ display: block; list-style: none; padding: 16px 0 15px 30px; border-bottom: 1px solid #F3F3F5; text-align: left; }
#block-mainnavigation .menu .domains,
#block-mainnavigation .menu .kb-domains
{ background: url('../../images/domains.svg') no-repeat left top 15px; }
#block-mainnavigation .menu .control-panel-login,
#block-mainnavigation .menu .kb-control-panel-login
{ background: url('../../images/logging-into-the-panel-category.svg') no-repeat left center; border-top: 1px solid #F3F3F5; }
#block-mainnavigation .menu .email,
#block-mainnavigation .menu .kb-email
{ background: url('../../images/email-category.svg') no-repeat left top 15px; }
#block-mainnavigation .menu .shared-hosting,
#block-mainnavigation .menu .kb-shared-hosting
{ background: url('../../images/hosting.svg') no-repeat left top 15px; }
#block-mainnavigation .menu .servers,
#block-mainnavigation .menu .kb-servers
{ background: url('../../images/servers.svg') no-repeat left top 15px; }
#block-mainnavigation .menu .cloud,
#block-mainnavigation .menu .kb-cloud
{ background: url('../../images/cloud.svg') no-repeat left top 15px; }
#block-mainnavigation .menu .security,
#block-mainnavigation .menu .kb-security
{ background: url('../../images/security.svg') no-repeat left top 15px; }
#block-mainnavigation .menu .webpro-guide,
#block-mainnavigation .menu .kb-webpro-guide
{ background: url('../../images/webproguide.svg') no-repeat left top 15px; }
#block-mainnavigation .menu .customer-guide,
#block-mainnavigation .menu .kb-customer-guide
{ background: url('../../images/customerguide.svg') no-repeat left top 15px; }
/* Third Level */
#block-mainnavigation .menu .thirdlevel { padding: 10px 0 0 0; display: none; }
#block-mainnavigation .menu .thirdlevel > li
{ list-style: none; padding: 0 0 11px 0; border-bottom: 0; }
#block-mainnavigation .menu .thirdlevel > li span.toggler,
.mychild-topics li span.toggler
{ background: url(../../images/sidebar-expand.svg) no-repeat left top 0px; display: inline-block; height: 10px; width: 10px;
margin: 0 4px 0 0; vertical-align: middle; cursor: pointer;
}
#block-mainnavigation .menu .thirdlevel > li span.toggler.collapsed,
.mychild-topics li span.toggler.collapsed
{ background: url(../../images/sidebar-collapse.svg) no-repeat left top 3px; }
#block-mainnavigation .menu .thirdlevel li a
{
color: #434C5E;
font-family: "BrandonGrotesque";
font-size: 10px;
font-weight: 600;
line-height: 15px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
}
/* Fourth Level */
#block-mainnavigation .menu .fourthlevel { padding: 10px 0 0 27px; display: none; }
#block-mainnavigation .menu .fourthlevel li {
color: #AEB2BA;
background: url('../../images/bullet.svg') no-repeat left top 6px; padding: 0 0 12px 12px; border-bottom: 0;
}
#block-mainnavigation .menu .fourthlevel li a{
color: #468DEF;
font-family: "Open Sans";
font-size: 12px;
font-weight: 100;
line-height: 17px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: none;
}
/* Fix Across Levels */
#block-mainnavigation .menu .secondlevel li a,
#block-mainnavigation .menu .thirdlevel li a
#block-mainnavigation .menu .fourthlevel li a
{ background: transparent; padding: 0; }
#sidebar-first .form-autocomplete.form-search {
height: 34px;
width: 202px;
border: 1px solid #E8E8EA;
border-radius: 17px;
background-color: #FFFFFF;
margin: 13px 0 0 0;
line-height: 34px;
padding: 0 0 0 30px !important;
background: url("../../images/search-category.svg") no-repeat left 10px center #FFFFFF !important;
font-family: "Open Sans";
font-size: 12px;
line-height: 18px;
font-weight: 100;
color:#434c5e;
}
#sidebar-first .search-form__submit { display: none; }
#sidebar-first .container-inline div.form-type-search { background: transparent; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B4B7BF;
font-family: "Open Sans";
font-size: 12px;
line-height: calc(34 * 7.5%);
}
::-moz-placeholder { /* Firefox 19+ */
color: #B4B7BF;
font-family: "Open Sans";
font-size: 12px;
line-height: calc(34 * 7.5%);
}
:-ms-input-placeholder { /* IE 10+ */
color: #B4B7BF;
font-family: "Open Sans";
font-size: 12px;
line-height: calc(34 * 7.5%);
}
:-moz-placeholder { /* Firefox 18- */
color: #B4B7BF;
font-family: "Open Sans";
font-size: 12px;
line-height: calc(34 * 7.5%);
}
#block-twostates-mainnavigation .menu li.hasmorechildren > a {
color: #434C5E;
font-family: "BrandonGrotesque";
font-size: 10px;
font-weight: 600;
line-height: 15px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
width: 165px;
}
#block-twostates-mainnavigation .menu li.hasmorechildren
{
background: none;
}
#block-mainnavigation .menu .fourthlevel li:last-child{ padding-bottom: 0; }
#block-kbmenublock .menu > li.parent span.toggler
{ background: url('data:image/svg+xml; utf8, %3Csvg%20width%3D%2211px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2011%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3C!--%20Generator%3A%20Sketch%2048.2%20(47327)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%3Ctitle%3EGroup%2017%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%224-Article%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-247.000000%2C%20-484.000000)%22%3E%3Cg%20id%3D%22Emails%22%20transform%3D%22translate(220.000000%2C%20201.000000)%22%20fill%3D%22%23697489%22%3E%3Cg%20id%3D%22Group-18%22%20transform%3D%22translate(27.000000%2C%20280.000000)%22%3E%3Cg%20id%3D%22Group-17%22%20transform%3D%22translate(0.000000%2C%203.000000)%22%3E%3Crect%20id%3D%22Rectangle-36%22%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%2210%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%3Crect%20id%3D%22Rectangle-36%22%20transform%3D%22translate(5.500000%2C%205.000000)%20rotate(90.000000)%20translate(-5.500000%2C%20-5.000000)%20%22%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%2210%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left top 0px; display: inline-block; height: 10px; width: 10px;
margin: 0 4px 0 0; vertical-align: middle; cursor: pointer;
}
#block-kbmenublock .menu > li.parent span.toggler.collapsed
{ background: url('data:image/svg+xml; utf8, %3Csvg%20width%3D%2211px%22%20height%3D%222px%22%20viewBox%3D%220%200%2011%202%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EGroup%2017%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%224-Article%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-247.000000%2C%20-237.000000)%22%3E%3Cg%20id%3D%22Emails%22%20transform%3D%22translate(220.000000%2C%20201.000000)%22%20fill%3D%22%23697489%22%3E%3Cg%20id%3D%22Group-18%22%20transform%3D%22translate(27.000000%2C%2029.000000)%22%3E%3Cg%20id%3D%22Group-17%22%20transform%3D%22translate(0.000000%2C%207.000000)%22%3E%3Crect%20id%3D%22Rectangle-36%22%20transform%3D%22translate(5.500000%2C%201.000000)%20rotate(90.000000)%20translate(-5.500000%2C%20-1.000000)%20%22%20x%3D%225%22%20y%3D%22-4%22%20width%3D%221%22%20height%3D%2210%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left top 3px; }
#block-kbmenublock li{
list-style-type: none;
display: inline-block;
}
#block-kbmenublock .menu > li a {
background: url('data:image/svg+xml; utf8, %3Csvg%20width%3D%226px%22%20height%3D%226px%22%20viewBox%3D%220%200%206%206%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EOval%203%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cdefs%3E%3Ccircle%20id%3D%22path-1%22%20cx%3D%223%22%20cy%3D%229%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3C%2Fdefs%3E%3Cg%20id%3D%224-Article%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-276.000000%2C%20-263.000000)%22%3E%3Cg%20id%3D%22Emails%22%20transform%3D%22translate(220.000000%2C%20201.000000)%22%3E%3Cg%20id%3D%22Group-19-Copy%22%20transform%3D%22translate(56.000000%2C%2056.000000)%22%3E%3Cg%20id%3D%22Group-28%22%3E%3Cg%20id%3D%22Oval-3%22%3E%3Cuse%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%3Ccircle%20stroke%3D%22%23AEB2BA%22%20stroke-width%3D%221%22%20cx%3D%223%22%20cy%3D%229%22%20r%3D%222.5%22%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left 2px top 4px;
padding-left: 17px;
}
#block-kbmenublock .menu > li.parent a {
background-image: none;
padding-left: 3px;
}
#block-kbmenublock .menu > li ul.secondlevel li a{
background: url('data:image/svg+xml; utf8, %3Csvg%20width%3D%226px%22%20height%3D%226px%22%20viewBox%3D%220%200%206%206%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EOval%203%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cdefs%3E%3Ccircle%20id%3D%22path-1%22%20cx%3D%223%22%20cy%3D%229%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3C%2Fdefs%3E%3Cg%20id%3D%224-Article%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-276.000000%2C%20-263.000000)%22%3E%3Cg%20id%3D%22Emails%22%20transform%3D%22translate(220.000000%2C%20201.000000)%22%3E%3Cg%20id%3D%22Group-19-Copy%22%20transform%3D%22translate(56.000000%2C%2056.000000)%22%3E%3Cg%20id%3D%22Group-28%22%3E%3Cg%20id%3D%22Oval-3%22%3E%3Cuse%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%3Ccircle%20stroke%3D%22%23AEB2BA%22%20stroke-width%3D%221%22%20cx%3D%223%22%20cy%3D%229%22%20r%3D%222.5%22%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left 2px top 6px;
padding-left: 17px;
}
#block-kbmenublock .menu ul.secondlevel li.hasmorechildren .toggler + a{
background: none;
padding-left: 4px;
}