/*!
Theme Name: K and K Windows
Theme URI: 
Author: Emarkable.ie
Author URI: https://www.emarkable.ie/
Description: Bespoke template created specifically for K and K Windows needs.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kandkwindows
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.nav-links a {
    font-size: 12px;
    text-decoration: none;
    color: gray;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

.search-results .site-main article {
    padding: 35px 20px;
}

.search-results .site-main article:nth-child(even) {
    background-color: #f1f1f1;
}

.search-results .site-main article:last-child {
   margin-bottom:50px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

#searchsubmit {
    min-width: auto;
    font-size: 16px;
    padding: 9px;
    margin-left: -3px;
    height: 37px;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2em;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-main{
	min-height:280px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.blog .post,
.archive .post{
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #e3e3e3;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

.main-container-holder{
    background-color:#fff;
}

.site-footer {
    background: var(--footer-bg-color);
    margin-top: 35px;
    color: var(--footer-color);
	border-top: 5px solid var(--rare-color);
	font-size: 16px;
}

.site-footer a{
	color: var(--footer-color);
	text-decoration: none;
}

.site-footer a:hover{
	color: var(--footer-color-hover);
}

.site-footer .widgets h3,
.site-footer .widgets h2{
    color: var(--ascent-color);
    font-size: 24px;
    padding: 0px 0 8px;
    margin: 0;
}

.site-footer .widgets h3{
    font-size: 16px;
	text-transform: uppercase;
}

.site-footer .widgets {
    padding: 80px 0px;
}

.site-footer .widget {
    margin: 0 0 12px;
}

.site-footer .menu a{
	display:block;
	margin: 4px 0;
}

.site-info {
    border-top: 1px solid #393e44;
    background: var(--footer2-bg-color);
	color: var(--footer2-color);
    padding: 30px 0;
}

.wp-block-column > ul,
ul.ul-standard,
aside#secondary ul,
.site-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

aside#secondary ul{
	margin-left: 10px;
}

.site-info ul li {
    display: inline-block;
}

.site-info ul li::after {
    display: inline-block;
	content:'/';
	padding: 0 5px 0 5px;
}

.site-info ul li:last-child::after {
    display: none;
}

.site-info a{
    text-decoration: none;
    font-size: 14px;
    color: var(--footer2-color);
    font-weight: 600;
}

.site-info a:hover{
	color: var(--footer2-color-hover);
}

.page-template-fullwidth .site-info {
    background-color: #2bc0e9;
	color: #fff;
}

.page-template-fullwidth .site-info a{
	color:#fff;
}

.page-template-fullwidth .site-footer,
.page-template-fullwidth .container-fluid{
	max-width: 1900px;
}

.no-underline{text-decoration:none;}
.edit-link{display:none!important;}

.home-article{
	box-shadow: 0 0 0 1px #eeeeee;
	margin: 1px;
}

.home-article img{
	height:200px;
	width:100%;
	object-fit: cover;
}

.home-article content {
    padding: 15px;
    display: block;
	font-size: 13px;
}

.home-article a{
	text-decoration:none;
}

.home-article .more{
	font-size: 13px;
	font-weight: 600;
}

.home-article h3{
	font: 700 18px/1.4 'Open Sans',sans-serif;
    color: #000;
}

.meta {
    font-size: 13px;
	margin-bottom: 12px;
}

.full-image-bg,
.box-controls,
.car-category-mobile{
	display:none;
}

.site-footer ul{
	margin:0;
	padding: 0;
	list-style: none;
}

aside#secondary ul ul{
    margin-left: 10px;
}

aside#secondary ul a{
	display: block;
	padding: 0 0 5px;
	text-decoration: none;
	color: var(--text-color);
}

aside#secondary ul a:hover{
	color: var(--ascent-color);
}

aside#secondary ul a::before{
	content: '';
	margin-right: 10px; 
	background: var(--main-color);
	width: 8px;
	height: 8px;
	display: inline-block;
}

.woocommerce-products-header h2,
aside#secondary h2 {
    font-size: 24px;
}

aside#secondary .widget:first-of-type h2{
	margin-top:0;
}

/* woocommerce stuff, better move to separate place */
.woocommerce ul.products li.product a img {
    width: auto;
    height: auto;
    max-height: 220px;
}

.woocommerce ul.products li.product h2{
	font-weight:400;
}

.product .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce ul.products{
	display:flex;
	flex-wrap: wrap;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none;
    margin: 0 0px -1px -1px;
    padding: 15px;
    position: relative;
    border: 1px solid #efefef;
	flex: 0 0 50%;
}

.woocommerce div.product .product_title{
	padding: 0 0 16px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background: transparent;
    color: #78be44;
    border: 1px solid #78be44;
    min-height: 45px;
    border-radius: 0;
    text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
	background: #78be44;
	color: #fff;
}

.woocommerce .single-product .summary .price .amount {
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
}

.select2-container--default .select2-selection--single{
	border-color: #e1e1e1;
	height: 37px;
	border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}

.default-slider{
	transition: all .4s;
}

.default-slider:not(.slick-initialized){
	height: 250px;
	background: #e9e9e9;
	overflow:hidden;
	opacity: 0.1;
}

.default-slider .item{
	margin:0 18px;
}

.default-slider .slick-list{
	margin:0 -18px;
}

.default-slider .slick-arrow{
    position: absolute;
    top: 50%;
    width: 42px;
    height: 42px;
	transform: translateY(-50%);
	color: gray;
    font-size: 24px;
	font-weight: bold;
	z-index: 5;
    cursor: pointer;
	    border: 1px solid gray;
}

.default-slider .slick-prev{
	left: -21px;
}

.default-slider .slick-next{
	right: -21px;
}

a.service-box {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 255px;
    position: relative;
	margin: 15px 0;
}

.service-box h4{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    color: #fff;
    background: #79bc42;
    width: 100%;
    margin: 0;
    padding: 8px;
    font: 600 21px/1.3 'Open Sans',sans-serif;
}

.service-box img{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

a.service-box::after {
	content: '';
	transition: all 0.4s;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}

a.service-box:hover::after {
	background: rgba(121, 188, 66, 0.2);
}

ul.product-categories .cat-parent {
	position: relative;
}

ul.product-categories .cat-parent > a {
	padding-right:16px;
}

ul.product-categories ul .toggle{
    width: 12px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 2;
}

ul.product-categories ul .toggle::after,
ul.product-categories ul .toggle::before{
	content:'';
	background:#78be44;
	position:absolute;
	transition: all 0.3s;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

ul.product-categories ul .toggle::before{
	width: 12px;
	height:2px;
}

ul.product-categories ul .toggle::after{
	height:12px;
	width:2px;    
}
	
ul.product-categories ul ul {
    transition: all 0.3s;
    overflow: hidden;
	height:auto;
	max-height:0px;
	opacity:0;
}

ul.product-categories .expanded > ul {
	max-height:8000px;
	opacity:1;
}

ul.product-categories ul .expanded > .toggle::after{
	opacity:0;
}

.entry-content ul[class=""],
.entry-content ul:not([class]){
	margin: 18px 0;
    list-style: none;
    padding: 0;
}

.entry-content ul[class=""] li,
.entry-content ul:not([class]) li{
	margin: 0 0 4px;
	position: relative;
	padding-left: 20px;
}

.entry-content ul[class=""] li::before,
.entry-content ul:not([class]) li::before{
	content: '\e806';
	position: absolute;
	left:1px;
	top:5px;
	font: 12px/1 "fontello";
	color: var(--main-color);
}

.wp-block-image figcaption {
    margin-top: 0;
    margin-bottom: 1em;
    font-style: italic;
    text-align: center;
    color: #a1a1a1;
}

.inner-page h4{
	font: 400 21px/1.4 'Open Sans',sans-serif;
    color: #000;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
	float:none;
	width: 100%;
}

.woocommerce-info {
    color: #1e85be;
}

#secondary .product-categories > li > ul.children {
    margin-bottom: 10px;
}

#secondary .product-categories > li > a {
    font-weight: bold;
}

#secondary .button{
    text-transform: uppercase;
    color: #78be44;
    border: 1px solid #78be44;
    display: inline-block;
    padding: 8px 11px;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
    font: 400 14px/1 'Open Sans', sans-serif;
    border-radius: 0;
    min-width: auto;
}

#secondary .button:hover{
	background: #78be44;
	color: #fff;
}

#secondary .button + .button{
	margin-right: 10px;
}

.limited-height iframe {
    max-height: 340px;
}

span.wpcf7-form-control-wrap {
    margin-bottom: 10px;
    display: inline-block;
	width: 100%;
}

.wpcf7 label {
    color: var(--main-color);
}

.site-footer .wpcf7 label {
  color: var(--main-counter-color);
}

.home .site-footer{
	margin-top: 0;
}

.force-last {
    margin-bottom: 0!important;
}

.closer.site-footer {
    margin-top: 0;
}

.anima.ani-top{
	opacity:0;
	transform: translateY(100%);
	transition: all .4s;
}

.anima.ani-top.in-view{
	opacity:1;
	transform: translateY(0%);
}

.wp-social-link-facebook svg{
	fill:#3b5998;
}

.wp-social-link-twitter svg{
	fill:#56a3d9;
}

.wp-social-link-youtube svg{
	fill:#c02b29;
}

.blog article {
    margin-bottom: 52px;
}

.vcheckboxes .wpcf7-list-item {
    display: block;
} 

@media screen and (max-width: 576px) 
{

	
}

@media screen and (max-width: 768px) 
{
		
	.has-underline.xs-centered::after {
		left: 50%;
		transform: translateX(-50%);  
	}
	
}