/* 
Theme Name: Kalon URI - Parent
Text Domain: kalon-uri
Version: 1.7
Description: Kalon URI - Parent
Author: Em4B
*/
/* Global */
.main-inner ul {
    line-height: 1.75;
}
#feature span.feature-content p{
	margin-top: 0px; 
}
/* Nav */
#menu-main-menu > li {
    padding: 15px 12px;
}

/* About */
.financing {
	padding: 50px 0;
}
.abt-feature-boxes {
    padding: 50px 0 0;
}
.abt-feature-boxes-inner {
    display: flex;
    flex-wrap: wrap;
}
.abt-feature-box {
    flex-basis: 33%;
    margin-bottom: 15px;
}
.abt-feature-box .abt-feature-box-inner {
    margin: 0 15px;
    text-align: center;
}
.abt-feature-box h2 {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 3px;
}
.bottom-content {
    text-align: center;
    color: #fff;
    padding: 30px 0;
}
.bottom-content p:last-of-type {
    margin-bottom: 0;
}

/* Services */
.service-content-box h2 {
    margin-bottom: 10px;
}
.service-content-box ul {
    column-count: 2;
    line-height: 1.75;
}
.service-feature-section {
    background-image: url(assets/images/diagmonds-light.png);
    background-color: #fdfdfd;
    padding: 50px 0;
}
.service-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.service-features .service-feature {
    flex-basis: 50%;
}
.service-features .service-feature:nth-child(odd) .service-feature-inner {
    margin-right: 15px;
}
.service-features .service-feature:nth-child(even) .service-feature-inner {
    margin-left: 15px;
}
.service-features .service-feature .service-feature-inner {
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0 0 10px #000;
    padding: 15px;
}
.service-features .service-feature .service-feature-inner h2 {
    text-align: center;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 3px;
}
.service-features .service-feature .service-feature-inner img {
    float: left;
    width: 225px;
    margin-right: 15px;
}
.service-features .service-feature .service-feature-inner p:last-of-type {
    margin-bottom: 0;
}

/* Contact Page */
#contact-section .info {
    padding: 0;
}
.contact-section-inner .flex-col:nth-child(odd) {
    padding-right: 15px;
}
.contact-section-inner .flex-col:nth-child(even) {
    padding-left: 15px;
}
#header {
    padding-bottom: 0;
}

/* Brands Page */
.brands-section .brands-nav {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    justify-content: center;
    margin-bottom: 30px;
    align-items: center;
}
.brands-section .brands-nav .brand {
    flex: 0 1 165px;
    margin-bottom: 20px;
    position: relative;
}
.brands-section .brands .brand {
    padding: 40px 0;
    border-top: 2px solid;
}
.brands-section .brands .brand .brand-row {
    display: flex;
}
.brands-section .brands .brand .image-col {
    flex: 1 0 40%;
    margin-right: 50px;
}
.brands-section .brands .brand .back-to-nav {
    text-align: center;
}
.brands-section .brands-nav .brand:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    transition: all ease .5s;
    z-index: 0;
    pointer-events: none;
}
.brands-section .brands-nav .brand:hover:after {
    opacity: 1;
}
.brands-section .brands-nav .brand:hover .heading {
    opacity: 1;
}
.brands-section .brands-nav .brand .heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all ease .5s;
    z-index: 1;
    font-size: 20px;
    color: #fff;
    padding: 5px;
    text-shadow: 2px 2px 4px #000;
    text-align: center;
}

.sidelogo {max-width: 193px;margin-bottom: 15px;}
.feature-img {max-height:400px; }
#products-wrap .product-sections:nth-child(1) > .brands-section:nth-child(1) .brands:nth-child(1) .brand:nth-child(1){border-top: 0 !important;}

.left-content .heading {text-align: center; font-weight: bold;}

@media screen and (max-width: 1549px) {
	#menu-main-menu > li {
		padding: 15px 8px;
	}
	.navigation a {
		font-size: 15px;
		letter-spacing: .5px;
	}
	.flex-30.header-contact {
		width: 300px;
	}
	.flex-70.header-extra {
		width: calc(100% - 300px);
	}
}
@media screen and (max-width: 1199px) {
    .flex-30.header-contact {
        width: 25%;
    }
    .flex-70.header-extra {
        width: 75%;
    }
    #menu-main-menu > li {
        padding: 15px 8px;
    }
    .navigation a {
        font-size: 14px;
    }
	.header-inner.flex-display-align {
        flex-direction: column;
    }
    .flex-30.header-contact {
        width: 100%;
    }
    .flex-70.header-extra {
        width: 100%;
    }
	.logo img {
		margin: 0 auto;
	}
}
@media screen and (max-width: 991px) {
	#menu-main-menu > li {
		padding: 15px 5px;
	}
	.navigation a {
		letter-spacing: 0;
	}
    .contact-section-inner .flex-col:nth-child(odd) {
        padding-right: 0;
    }
    .contact-section-inner .flex-col:nth-child(even) {
        padding-left: 0;
    }
    .contact-section-inner {
        padding: 0 15px;
    }
    .contact-form-section-inner {
        padding: 30px 20px;
    }
}
@media screen and (max-width: 767px) {
	.service-content-box ul {
		column-count: 1;
	}
	.brands-section .brands .brand .brand-row {
		flex-wrap: wrap;
	}
	.brands-section .brands .brand .image-col {
		flex-basis: 100%;
		margin-right: 0;
		order: 2;
	}
}

/* Comfort Embed */
.comfort-embed {
    text-align: center;
}
.comfort-embed iframe {
    width: 100%;
    height: 930px;
    border: none;
    max-width: 750px;
}
@media screen and (max-width: 767px) {
    .navigation a {
        font-size: 16px;
    }
    #header {
        padding-bottom: 10px;
    }
    .comfort-embed iframe {
        height: 1000px;
    }
}
@media screen and (max-width: 567px) {
    .comfort-embed iframe {
        height: 1140px;
    }
}
@media screen and (max-width: 467px) {
    .comfort-embed iframe {
        height: 1310px;
    }
}
@media screen and (max-width: 420px) {
    .comfort-embed iframe {
        height: 1405px;
    }
}