/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
#top_bg,.themed-block{background-color:#f2efea;background-image:-webkit-linear-gradient(bottom,#f2efea 0%,#fff 180px);background-image:linear-gradient(to top,#f2efea 0%,#fff 180px);}#section2{background-color:#fff;background-image:-webkit-linear-gradient(bottom,#fff 0%,#f2efea 150px);background-image:linear-gradient(to top,#fff 0%,#f2efea 150px);}.region-highlighted{border:solid 1px #ddd;}a,a:link,h1,h2,h3,.block-title,#name-and-slogan a{color:#005a84;}a:hover,a:active,a.is-active,ul.menu a.is-active{color:#000;}#footer a:hover,#menu2 a:hover{color:#005a84;}.pure-menu-link{color:#fff !important;text-shadow:0 1px #000;background:#005a84;}.pure-menu-link:hover,.pure-menu-link:focus{background:#407697;}.pure-menu-children .pure-menu-link{background:#005a84;border:1px solid;border-color:#069 #004b64 #004b64 #069;}.pure-menu-children a:hover,.pure-menu-children a:focus{background:#407697;}.menu-toggle{background:#f4f2ee;}.menu-toggle .bars{background:#005a84;}ul.pure-paginator .is-active,ul.pure-paginator .is-active a{border:none;color:#fff;background:#005a84;}@media screen and (max-width:48em){.pure-menu-link,.pure-menu-children,.pure-menu-children .pure-menu-link{color:#005a84 !important;text-shadow:none;background:none;border:none;}.pure-menu-link:hover,.pure-menu-link:focus,.pure-menu-children a:hover,.pure-menu-children a:focus{color:#333 !important;background:#f4f2ee;}}
#middlecontainer{background:transparent url(/themes/contrib/zeropoint/images/_sidebarimg.png) 99% 99% no-repeat;}#brand{background:url(/themes/contrib/zeropoint/images/_brand.png) 50% 0 no-repeat;margin:0 auto 1em;height:50px;}.field-item .pure-img,.colorbox .pure-img{float:left;margin:0 1em 1em 0;}[dir="rtl"] .field-item .pure-img,[dir="rtl"] .colorbox .pure-img{float:right;margin:0 0 1em 1em;}#slider img{min-height:10em;}#sidebar-left .block,#sidebar-right .block{border:1px solid #ddd;}.agree-button.eu-cookie-compliance-secondary-button{cursor:pointer;margin:1em 0 0 1em;vertical-align:middle;overflow:visible;width:auto;-moz-box-shadow:inset 0 1px 0 0 #ffffff;-webkit-box-shadow:inset 0 1px 0 0 #ffffff;box-shadow:inset 0 1px 0 0 #ffffff;background-color:#ededed;background-image:-moz-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ededed),color-stop(100%,#dfdfdf));background-image:-webkit-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:-o-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:-ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);background-image:linear-gradient(to bottom,#ededed 5%,#dfdfdf 100%);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;color:#000;font-family:Arial,sans-serif;font-weight:bold;padding:4px 8px;text-decoration:none;text-shadowTheme customization
Custom CSS file:_custom/custom-style.css
Enter the relative path and filename of the custom CSS file. The path should be relative to the ZeroPoint theme folder. To prevent the file from being overwritten during Composer updates,it is recommended to store the custom CSS file outside the ZeroPoint folder. For example,you could place it in the Drupal themes directory,using a path like:../../custom.css. If you prefer to keep it within the ZeroPoint theme,place it inside the _custom folder,and use a path like:_custom/custom.css.
IMPORTANT:Clear the caches for the changes to take effect.
Site ID:To achieve distinct theme styles in a multisite/multi-theme environment,it can be beneficial to assign a unique "ID" and customize the appearance of each site/theme in the custom-style.css file.
:1px 1px 0 #ffffff;}@media screen and (max-width:64em){.himg #headimg,#headimg{background:none;}}@media screen and (max-width:64em){#sidebar-left .block-wrapper,#sidebar-right .block-wrapper{width:48%;padding:0 1.5% 0 0;display:inline-block;vertical-align:bottom;}}@media screen and (max-width:48em){#sidebar-left .block-wrapper,#sidebar-right .block-wrapper{width:100%;padding:0;display:block;}}.front .field-item img.pure-img,img.pure-img[src*="Ploution-Trends"]{max-width:450px !important;width:450px !important;height:400 !important;float:none !important;margin:0 auto !important;display:block !important;}