Nabytek Custom CSS

Nabytek Custom Styles.css

/*Header*/

DIV#nav-header-row DIV.oxy-header-container
{
	padding: 0px 30px;
	display: flex;
	justify-content: space-between;
}

@media (min-width: 993px)
  {
DIV#nav-header-row UL.oxy-nav-menu-list
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
}


/*Dropdown menus*/

DIV#nav-header-row NAV.oxy-nav-menu UL.oxy-nav-menu-list LI.menu-item-has-children UL.sub-menu LI.menu-item A
{
	color: color(6);
	padding-left: 30px;
	padding-right: 30px;
}
DIV#nav-header-row NAV.oxy-nav-menu UL.oxy-nav-menu-list LI.menu-item-has-children UL.sub-menu LI.menu-item A:hover
{
	color: color(4);
	background: #ffffff;
}



/*Repeater pagination*/

DIV.oxy-repeater-pages-wrap .page-numbers
{
	padding: 15px 20px;
	font-size: 18px;
	background: color(5);
	border-radius: 3px;
	margin: 2px;
  	transition: all 0.3s;
}
DIV.oxy-repeater-pages-wrap .page-numbers:hover, DIV.oxy-repeater-pages-wrap .page-numbers.current
{
	background: color(2);
	color: #FFFFFF;
}

.oxy-repeater-pages-wrap {
	width: 100%;
    justify-content: center;
}


/*Heading Search Form*/
@media only screen and (min-width: 993px) {
.oxy-search-form input[type=text] {
	width: 350px;
}

.oxy-search-form input[type=submit] {
	width: 100px;
}
}
  
/*Custom Search under 992px*/
@media only screen and (max-width: 992px) {
.oxy-search-form input[type=search] {
    width: 1px;
    padding: 12px 0 0 37px;
    border: none;
/*Change the URL to your new domain*/
    background: url(https://nabytek.rochallor.com/wp-content/uploads/2020/02/search-icon.svg) no-repeat 5px center;
    background-size: 30px 30px;
    cursor: pointer;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
}

.oxy-search-form input[type=search]:focus {
    width: 250px;
    outline: 0;
    cursor: text;
}

.oxy-search-form input[type=submit] {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
}


/* Screen Readers */

.screen-reader-text {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto !important;
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: bold;
    height: auto;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/*Breadcrumbs*/
NAV OL.breadcrumb LI.breadcrumb-item A
{
	color: color(2);
}

NAV OL.breadcrumb LI.breadcrumb-item A:hover
{
	color: color(1);
}


/*Star rating stars*/

.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon
{
	/*Change the URL to your new domain*/
    background-image: url("https://nabytek.rochallor.com/wp-content/uploads/2020/02/star-inactive.svg");
}

  .kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon
{
	/*Change the URL to your new domain*/
    background-image: url("https://nabytek.rochallor.com/wp-content/uploads/2020/02/star-active.svg");
}
.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon
{
	/*Change the URL to your new domain*/
    background-image: url("https://nabytek.rochallor.com/wp-content/uploads/2020/02/star-selected.svg");
}