/* Theme Stylesheet */


/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

body{
    font-family: "Lato", sans-serif;
	line-height: 33px;
	font-weight: 400;
	background-color: #fff;
	overflow-x:hidden;
}


/* Font Styles */

h1{
	font-size: 56px;
	line-height: 60px;
    font-weight: 600;
    font-family: "Lato", sans-serif;
	color:#36A781;
	padding-bottom:50px;
	margin: 0;
}
.home-hero-slider h1{
	font-size: 70px;
	line-height: 70px;
    font-weight: 600;
    font-family: "Lato", sans-serif;
	color:#fff;
	padding-bottom:30px;
	margin: 0;
}
.inner-banner h1,
.inner-banner h1 strong{
	font-size: 70px;
	line-height: 70px;
}
h1 strong{
	font-size: 100px;
}
h1 em{
	color:#36A781;
}
@media (max-width:1660px) {
	h1 {
		padding-bottom: 50px;
	}
	.home-hero-slider h1 {
		font-size: 65px;
		line-height: 65px;
		padding-bottom: 25px;
	}
	h1 {
		font-size: 65px;
		line-height: 65px;
		padding-bottom: 30px;
	}
}
@media (max-width:1440px) {
	.home-hero-slider h1 {
		font-size: 60px;
		line-height: 60px;
	}
	h1 {
		font-size: 60px;
		line-height: 60px;
		padding-bottom: 30px;
	}
	h1 strong{
		font-size: 80px;
	}
}
@media (max-width:1280px) {
	.home-hero-slider h1 {
		font-size: 55px;
		line-height: 55px;
		padding-bottom: 20px;
	}
	h1 {
		font-size: 55px;
        line-height: 55px;
        padding-bottom: 40px;
    }
	h1 strong{
		font-size: 80px;
	}
}
@media (max-width:800px) {
	.home-hero-slider h1 {
		font-size: 44px;
		line-height: 44px;
		padding-bottom: 15px;
	}
	h1 {
		font-size: 50px;
        line-height: 50px;
        padding-bottom: 40px;
    }
	h1 strong{
		font-size: inherit;
	}
}
@media (max-width:550px) {
	.home-hero-slider h1 {
		font-size: 40px;
		line-height: 40px;
		padding-bottom: 12px;
	}
}
@media (max-width:440px) {
	.home-hero-slider h1 {
		font-size: 36px;
		line-height: 36px;
		padding-bottom: 12px;
	}
}
h2{
	font-size: 45px;
	line-height: 54px;
    font-weight: 600;
    font-family: "Lato", sans-serif;
	color:#1B2DBB;
    text-transform: initial;
	padding-bottom:50px;
}
.contact-form h2{
	font-size: 39px;
	line-height: 47px;
	color: #36A781;
	padding-bottom:20px;
}
@media (max-width:1660px){
	h2{
		font-size: 40px;
		line-height: 50px;
		padding-bottom: 40px;
	}
	.contact-form h2{
		font-size: 32px;
		line-height: 36px;
		padding-bottom:15px;
	}
}
@media (max-width:1440px){
	h2{
		padding-bottom: 30px;
	}
}
@media (max-width:1024px){
	h2{
		font-size: 36px;
		line-height: 40px;
		padding-bottom: 15px;
	}
	.contact-form h2{
		font-size: 28px;
		line-height: 32px;
		padding-bottom:12px;
	}
}
@media (max-width:800px){
	h2{
		font-size: 36px;
		line-height: 44px;
	}
}
@media (max-width:550px){
	h2{
		font-size: 32px;
		line-height: 40px;
	}
}
h3{
	font-size: 33px;
	line-height: 40px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
	color:#3c3c3b;
    text-transform: initial;
	padding-bottom: 20px;
}
@media (max-width:1024px){
	h3 {
		font-size: 28px;
		line-height: 35px;
	}
}
h4{
	font-size: 24px;
	line-height: 33px;
    font-weight: 600;
    font-family: "Lato", sans-serif;
	color:#000000;
    text-transform: initial;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-bottom: 20px
}
@media (max-width:1280px){
	h4{
		font-size: 22px;
		line-height: 28px;
		padding-bottom: 15px
	}
}
@media (max-width:1024px){
	h4{
		font-size: 20px;
		line-height: 26px;
		padding-bottom: 10px
	}
}
h5{
	font-size: 22px;
	line-height: 30px;
    font-weight: 600;
    font-family: "Lato", sans-serif;
	color:#3c3c3b;
    text-transform: initial;
	padding-bottom: 20px;
}
.mint-green h5{
	color:#fff;
}
h6{
	font-size: 22px;
	line-height: 33px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
	color:#000000;
    text-transform: initial;
	padding-bottom: 20px;
}
@media (max-width:800px){
	h6 {
		font-size: 20px;
		line-height: 24px;
	}
}
p{
	font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    color: #000000;
	padding-bottom: 30px;
}
p a{
	color: inherit;
	font-weight: 600;
	
}
.tool-tip-block .tool-tip p,
.contact-page p,
.text-area .mint-green p,
.halftext-halfimage .mint-green p,
p small{
	font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-family: "Lato", sans-serif;
}
.brief-history .content-col p,
.blog-feed .inner-box .content p,
.boxes .white-grey-dots .content p{
	font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    font-family: "Lato", sans-serif;
}
p strong{
	padding-bottom: 0;
}
p:last-child{
	padding-bottom: 0;
}
@media (max-width:1440px) {
	p {
		font-size: 18px;
		line-height: 28px;
		padding-bottom: 20px;
	}
}
@media (max-width:1024px) {
	.tool-tip-block .tool-tip p, .contact-page p, .text-area .mint-green p, .halftext-halfimage .mint-green p, p small,
	p {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 15px;
	}
}
li{
	font-size: 18px;
	line-height: 30px;
	color: #000000;
}
li a{
	font-size: 18px;
	line-height: 30px;
	color: #000000;
	text-decoration: underline;
}

small, small a{
	font-size: 17px;
    line-height: 21px;
	display: inline-block;
    font-weight: 400;
    font-family: "Lato", sans-serif;
}
a{
	font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    color: #36A781;
	text-decoration: none !important;
}
a:hover{
	text-decoration:none;
}


/* Buttons */


.btn {
    background-color: #F03118;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    height: auto;
    padding: 13px 35px;
	letter-spacing: 1.8px;
    line-height: initial;
    text-align: center;
    margin-top: 20px;
    border-radius: 24px;
    box-shadow: none;
    border: 0;
    text-align: left;
	position: relative;
	display: flex;
	justify-content: space-between;
	width: fit-content;
	align-items: center;
}

.btn:hover{
    background-color: #F03118!important;
	color: #fff;
}

a.button,
.btn-second{
	background-color: #36A781 !important;
	color: #fff !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    height: auto;
    padding: 13px 35px !important;
	letter-spacing: 1.8px;
    line-height: initial;
    text-align: center;
    margin-top: 20px;
    border-radius: 24px !important;
    box-shadow: none;
    border: 0;
    text-align: left;
	position: relative;
	display: flex;
	justify-content: space-between;
	width: fit-content;
	align-items: center;
}
@media (max-width:1280px){
	.btn,
	a.button,
	.btn-second{
		font-size: 16px!important;
		padding: 15px 25px !important;
		letter-spacing: 1px!important;
	}
	a.button::after, .btn_link::after, .btn-second::after, .btn::after {
		margin-left: 30px!important;
	}
}
@media (max-width:380px){
	.btn,
	a.button,
	.btn-second{
		font-size: 16px!important;
		padding: 13px 25px !important;
		letter-spacing: 1px!important;
	}
}
.button:hover,
.btn-second:hover{
	background-color: #36A78188!important;
	color: #fff;
}

.btn-outline{
	background-color: #F3F3F3;
	border: 1px solid #3c3c3b;
	border-radius: 50px 50px 50px 50px;
	padding: 0.5em 1em;
	color: #3c3c3b
}
.btn-outline:hover{
	color:#fff;
	background-color: #3c3c3b!important;
	border: 1px solid #3c3c3b;
}


.btn_link{
	display: flex;
	position: relative;
	color: #36A781;
	padding: 13px 35px;
	text-align: start;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600 !important;
}
a.button::after,
.btn_link::after,
.btn-second::after,
.btn::after {
	content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-size: inherit;
    color: inherit;
    right: 22px;
    top: 16px;
	margin-left:50px;
}
a.button i::before{
	display: none;
}
a.button::after{
	right: 12px;
}
.btn_link::after{
	position: relative;
	top:unset;
	right:unset;
	left: 15px;
	height: fit-content;
}

/* Main Blog Page */


.post-type-archive-events .col-md-3,
.blog-page .col-md-3{
	margin-bottom:50px;
}
.blog h1{
	text-align:center;
}
.post-type-archive-events .bg-image ,
.blog-page .bg-image {
    min-height: 300px;
    margin-bottom:15px;
}
.post-type-archive-events .button,
.blog-page .button{
    font-weight:700;
    margin-top:15px;
}
.post-type-archive-events #nav-below ,
.blog-page #nav-below {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 80px;
    padding-top: 30px;
}
.post-type-archive-events .nav-next a,
.blog-page .nav-next a{
	display: flex;
    align-items: center;
}
.post-type-archive-events .nav-previous a,
.blog-page .nav-previous a{
	display: flex;
    align-items: center;
}
.post-type-archive-events .nav-next i,
.blog-page .nav-next i{
	margin-left: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #3c3c3b;
    padding: 9px 14px 7px 15px;
    border-radius: 50px;
    line-height: 24px;
}
.post-type-archive-events .nav-previous i,
.blog-page .nav-previous i{
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #3c3c3b;
    padding: 9px 14px 7px 15px;
    border-radius: 50px;
    line-height: 24px;
}

/* Blog Page Responsive */
@media (max-width: 1536px){

}
@media (max-width: 1440px){

}
@media (max-width: 1366px){

}
@media (max-width: 1280px){

}
@media (max-width: 1024px){
	.post-type-archive-events .col-md-3,
	.blog-page .col-md-3{
		width:33.3333%;
		flex: 0 33.3333%;
		max-width:33.3333%;
		margin-bottom:30px;
	}
}
@media (max-width: 800px){
	.post-type-archive-events .col-md-3,
	.blog-page .col-md-3{
		width:50%;
		flex: 0 50%;
		max-width:50%;
		margin-bottom:30px;
	}
}
@media (max-width: 768px){
}
@media (max-width: 414px){
	.post-type-archive-events .col-md-3,
	.blog-page .col-md-3{
		width:100%;
		flex: 0 100%;
		max-width:100%
	}
}
@media (max-width: 390px){

}
@media (max-width: 360px){

}




/* Single Blog Post */
.single-blog{
	margin:80px auto;
}
.single-blog .left-col{
	padding-right:60px;
}
.single-blog h1{
	margin-top:0;
}
.single-blog img{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
.single-blog .btn{
	margin-top:40px;
}
.single-blog .related{
	flex-flow:row wrap;
}
.single-blog .related-title{
	padding-bottom:20px;
}
.single-blog .related ul{
	width:100%;
	display: flex;
	margin-bottom:20px;
}
.single-blog .related ul li{
	width:100%;
	display: flex;
}
.single-blog .related ul a{
	width:100%;
	display: flex;
	flex-direction:row;
	align-items:center;
}
.single-blog .related .bg-image{
	min-height:100px;
	width:50%;
}	
.single-blog .related .content{
	padding-left:20px;
}


/* Single Blog Post Responsive */
@media (max-width: 1536px){

}
@media (max-width: 1440px){

}
@media (max-width: 1366px){

}
@media (max-width: 1280px){

}
@media (max-width: 1024px){
	.single-blog .left-col{
		width:100%;
		flex: 0 100%;
		max-width:100%;
		padding-right:15px;
	}
	.single-blog .right-col{
		width:100%;
		flex: 0 100%;
		max-width:100%;
		margin-top:40px;
	}
	.single-blog .right-col .row{
		margin:0;
	}
	.single-blog .right-col ul{
		width:50%;
		flex: 0 50%;
		max-width:50%;
	}
}
@media (max-width: 800px){

}
@media (max-width: 768px){

}
@media (max-width: 414px){
	.single-blog .right-col ul{
		width:100%;
		flex: 0 100%;
		max-width:100%;
	}
}
@media (max-width: 390px){

}
@media (max-width: 360px){

}



.alioth-page-nav .page-title{
	line-height: 150px;
}



/* backgrounds  */
.dark-grey{
	background-color: rgb(217,217,217);
}
.light-grey{
	background-color: #F3F3F3;
}
.white{
	background-color: #fff;
}
.white-grey-dots{
	background-color: #fff;
}


.mint-green{
	background-color: #98CDB633;
}


.white-grey-dots{
	background-color: #fff;
	position: relative;
	min-height:520px;
}
.white-grey-dots .container,
.white-grey-dots .container-fluid{
	position: relative;
	z-index: 2;
}
	.white-grey-dots::before{
		content: url('/wp-content/uploads/2024/11/dots-new.png');
    position: absolute;
    bottom: 0%;
	transform: scale(0.4);
	width: auto;  
    height: auto;
	transform-origin: bottom left;
	z-index: 0;
	left: 0;
}
.white-grey-dots::after {
    content: url(/wp-content/uploads/2024/10/dots-2.png);
    position: absolute;
    bottom: 100%;
    right: 0%;
    transform: scale(-1, -1);
    z-index: 0;
    width: auto;
    height: auto;
    transform-origin: bottom;
}

@media(max-width: 1440px){
	.white-grey-dots::before {
		transform: scale(0.3);
		opacity: 0.6;
	}
}
@media(max-width: 550px){
	.white-grey-dots::before {
		transform: scale(0.2);
	}
}



.logo-l,
.logo-m,
.logo-r{
position: relative;
}
.logo-l::before{
    content: "INFINITY INNOVATIONS";
    color: #414141;
    font-size: 24px;
    letter-spacing: 14px;
    opacity: 0.36;
    line-height: 29px;
    position: relative;
    top: 0px;
	left:0;
    font-weight: 400;
	padding-bottom: 50px;
	display: block;
}

.logo-m::before,
.logo-r::before{
    content: "INFINITY INNOVATIONS";
    color: #BABABA;
    font-size: 24px;
    letter-spacing: 14px;
    line-height: 29px;
    position: relative;
    top: 0px;
    font-weight: 600;
	padding-bottom: 35px;
	display: block;
}

.logo-r::after{
    content: "";
    border: solid 10px #98CDB6;
    height: 44px;
    aspect-ratio: 1 / 1;
    border-radius: 325px 325px 324px 0;
    min-width: 44px;
    display: block;
    position: absolute;
    max-width: 44px;
	right: 0px;
    top: -60px;
}
.logo-l::after{
	content: "";
    border: solid 10px #98CDB6;
    height: 44px;
    aspect-ratio: 1 / 1;
    border-radius: 325px 325px 324px 0;
    min-width: 44px;
    display: block;
    position: absolute;
    max-width: 44px;
	left:0;
    top: -60px;
}
.logo-m::after{
	content: "";
    border: solid 10px #98CDB6;
    height: 44px;
    aspect-ratio: 1 / 1;
    border-radius: 325px 325px 324px 0;
    min-width: 44px;
    display: block;
    position: absolute;
    max-width: 44px;
	right: 50%;
	transform: translate(50%, 0%);
    top: -60px;
}

.t-align-right{
	text-align: right;
}
@media(max-width: 1660px){
	.logo-l::before,
	.logo-m::before,
	.logo-r::before{
		font-size: 22px;
		letter-spacing: 12px;
		line-height: 29px;
		padding-bottom: 30px;
	}
}
@media(max-width: 1440px){
	.logo-l::before,
	.logo-m::before,
	.logo-r::before{
		padding-bottom: 30px;
		font-size: 20px;
		letter-spacing: 10px;
		right: -10px;
	}
	.key-products .category-items-div .category-item p {
		padding-top: 10px;
		padding-bottom: 15px;
	}
}


@media(max-width: 1024px){
	.logo-l::before,
	.logo-m::before,
	.logo-r::before{
		padding-bottom: 20px;
		font-size: 18px;
		letter-spacing: 8px;
		right: -10px;
	}
	.key-products .category-items-div .category-item p {
		padding-top: 0;
		padding-bottom: 10px;
	}
}
@media(max-width: 1024px){
	.logo-l::before,
	.logo-m::before,
	.logo-r::before{
		letter-spacing: 5px;
		right: -5px;
	}
	.logo-m::after {
		content: "";
		border: solid 8px #98CDB5;
		height: 40px;
		aspect-ratio: 1 / 1;
		border-radius: 325px 325px 324px 0;
		min-width: 40px;
		display: block;
		position: absolute;
		max-width: 40px;
		right: 50%;
		transform: translate(50%, 0%);
		top: -45px;
	}
}
@media(max-width: 800px){
	.logo-l::before,
	.logo-m::before,
	.logo-r::before{
		max-width: 100%;
	}
}





.page-header{
	text-align: center;
	padding-top: 110px;
	padding-bottom: 5px;
	max-height: fit-content;
	z-index: 0;
}
.page-header h2 {
    color: #414141;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.archive .row{
	row-gap: 40px;
}
.archive #primary{
	padding-bottom: 0px;
	margin-bottom: 17px;
}
.archive #primary #content .row{
	justify-content: flex-start;
}
.archive #primary #content .btn{
	width: calc(33.33% - 30px);
	margin:0 auto;
	margin-top:30px;
}
@media(max-width: 1280px){
	.archive #primary #content .btn{
		width: calc(50% - 30px)
	}
}
@media(max-width: 779px){
	.archive #primary #content .btn{
		width: calc(100% - 30px)
	}
}

/* videos and webinars  */
.post-type-archive-videosandwebinars .inner-box{
	text-align: center;
}
.post-type-archive-videosandwebinars .video-webinars h5{
	color: #36A781;
	padding-top: 30px;
	font-weight: 400;
}
.post-type-archive-videosandwebinars .video-webinars .inner-box{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.post-type-archive-videosandwebinars .video-webinars iframe {
	max-width: 100%;
    max-height: 270px;
}
.post-type-archive-videosandwebinars .video-webinars .row {
	margin: 0 -30px;
}
.post-type-archive-videosandwebinars .video-webinars .row .col-md-4 {
	padding: 0 30px;
}


/* knowledge hub / some of news  */
.post-type-archive-events .inner-box,
.blog-page .inner-box,
.post-type-archive-knowledgehub .inner-box{
	padding: 0;
	overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: start;
    border-radius: 50px 50px 50px 50px;
    text-align: start;
	background-color: #F0F0F0;
	height: 100%;
}


.post-type-archive-knowledgehub .inner-box {
	min-height: 560px;
}

.blog-page .inner-box .bg-image,
.post-type-archive-knowledgehub .inner-box .bg-image{
	max-height: 320px;
	min-height: 320px;
}
.blog-page .inner-box h4, 
.post-type-archive-knowledgehub .inner-box h4 {
    padding: 35px 35px 55px 35px;
    color: #36A781;
    text-transform: none;
    line-height: 40px;
    line-height: 30px;
    width: 100%;
}
.post-type-archive-events .inner-box h4{
	color:#36A781;
}
.post-type-archive-events .inner-box .btn_link{
	padding-left: 0;
}
.post-type-archive-knowledgehub .inner-box .btn_link{
	padding: 15px 35px;
	padding-bottom: 43px;
	width: 100%;
	margin-top: auto;
}

@media(max-width:1024px){
	.post-type-archive-events .inner-box .inner-box h4,
	.blog-page .inner-box .inner-box h4,
	.post-type-archive-knowledgehub .inner-box h4 {
		padding: 60px 35px;
	}
}
@media(max-width:550px){
	.post-type-archive-knowledgehub .inner-box h4 {
		padding: 40px 35px;
    }
}




/* news  */
.blog-header{
	text-align: center;
}
.post-type-archive-events #primary{
	padding: 0;
	margin: 0;
}
.post-type-archive-events .white-grey-dots::after,
.blog-page .white-grey-dots::after{
	display: none;
}

.post-type-archive-events .container{
	padding-bottom: 153px;
}
.blog-page .container{
	padding-bottom:230px;
}
.post-type-archive-events .page-header.container{
	padding-bottom: 5px;
}
.post-type-archive-events .row{
	row-gap: 30px;
}
.blog-page .row{
	row-gap: 50px;
}
.post-type-archive-events .inner-box .content{
	padding: 10px 55px;
	display: flex;
    flex-direction: column;
    max-height: unset;
}
.blog-page .inner-box .content{
	padding: 10px 45px 35px 45px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.blog-page .col-md-4{
	display: flex;
}
.blog-page .col-md-4 a{
	display: flex;
  	flex-direction: column;
  	align-content: flex-start;
	  height: 100%;
}
.blog-page .inner-box .content p{
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}

.blog-page .inner-box .btn_link{
	padding: 0;
    margin-top: auto;
    /* height: fit-content;
    max-height: fit-content; */
	margin-bottom: 0;
	padding-bottom: 20px;
}
.post-type-archive-events .inner-box .date,
.blog-page .inner-box .date{
	color: #000000;
}
.post-type-archive-events .inner-box{
	height: 100%;
	min-height: 440px;
}
.post-type-archive-events .inner-box a, 
.post-type-archive-events .inner-box {
    flex-grow: 1;
    height: 100%;
}

.post-type-archive-events .inner-box h3{
	color: #1B2DBB;
	font-weight: 700;

}
.blog-page .inner-box h5{
	color: #1B2DBB;
	padding-top: 50px;
	font-weight: 700;
}
.post-type-archive-events .inner-box .content p{
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}
.view-more-container{
	display: flex;
	justify-content: center;
}
.view-more-container .btn{
	margin-top: 50px;
	width: calc(33% - 30px);
}


.single-events .single-page-content{
	width: 80%;
  	margin: 0 auto;
}

@media(max-width:1440px){
	.post-type-archive-events .inner-box .content,
	.blog-page .inner-box .content {
		padding: 10px 35px;
	}
	
}
@media(max-width:1280px){
	.post-type-archive-events .col-md-4,
	.blog-page .col-md-4 {
		-webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	.view-more-container .btn{
		width: calc(50% - 30px);
	}
	.post-type-archive-events .container,	
	.blog-page .container {
		padding-bottom: 180px;
	}
}
@media(max-width:800px){
	
	.post-type-archive-events .col-md-4,	
	.blog-page .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.view-more-container .btn{
		width: calc(100% - 30px);
	}
	.post-type-archive-events .container,	
	.blog-page .container {
		padding-bottom: 140px;
	}
	.post-type-archive-events .inner-box {
		height: 100%;
		min-height: 450px;
	}
}


/* single page */
.post-type-archive-casestudies  #content .page-header.container {
	text-align: center;
	padding-top: 110px;
	/* padding-bottom: 5px; */
	max-height: fit-content;
	/* z-index: 0; */
}
.post-type-archive-casestudies #content .container{
	/* padding-top: 0px; */
	padding-bottom: 30px;
	display: flex;
}
.post-type-archive-casestudies #content .container .container-item{
	width: 50%;
	min-width:50%;
	
}
.post-type-archive-casestudies #content .container .casestudy-col{
	width: 48%;
	max-width: 48%;
	padding: 0 15px;
}
.post-type-archive-casestudies #content .page-header.container .row {
    justify-content: flex-start;
    height: calc(100% - 70px);
	/* column-gap: 5%; */
}
h3.group-type-title{
	font-weight: 600;
	padding-bottom: 30px;
}
.single-page-hero-banner .casestudies-banner h1{
	font-weight: 300;
}
.single-page-hero-banner .casestudies-banner h1:nth-child(2){
	font-weight: 600;
	padding-bottom:10px;
	font-size: 61px;
}
.single-page-hero-banner .casestudies-banner h3{
	font-weight: 300;
	text-transform: none;
	font-size: 33px;
	max-width: 80%;
}

.single-page-content{
	padding-top: 40px;
	padding-bottom: 120px;
}

@media(max-width: 1660px){
	.post-type-archive-casestudies .inner-box, .casestudies-feed .inner-box {
		padding: 34px 25px 30px 25px;
	}
}
@media(max-width: 1280px){
	.post-type-archive-casestudies .container .container-item{
		width: 50%;
		min-width:50%;
	}
	.post-type-archive-casestudies .container .container-item .casestudy-col{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.post-type-archive-casestudies .container h3 {
		padding-left: 15px;
	}
	.post-type-archive-casestudies .container .row {
		margin: 0;
	}
}
@media(max-width: 1024px){
	.single-page-hero-banner .casestudies-banner h3{
		max-width: 100%;
	}
}
@media(max-width: 550px){
	.post-type-archive-casestudies .container{
		padding-top: 0px;
		padding-bottom: 30px;
		display: block;
	}
	.post-type-archive-casestudies .container .container-item{
		width: 100%;
		min-width:100%;
	}
}






.brand-selector .topselector{
	background-color: #fff;
	margin-top:50px;
	border-radius: 50px;
	padding:50px 50px;
}

.brand-selector .topselector img{
	width: 90%;
	margin: 0 auto;
	max-width: 300;
}
.brand-selector .topselector h3{
	font-size: 23px;
	font-weight: 700;
}


/* Style the checkboxes */
.wc-layered-nav-checkbox {
    margin-right: 5px;
    vertical-align: middle;
}

/* Style the labels */
.wc-layered-nav-checkbox + label {
    display: inline-block;
    cursor: pointer;
    margin-right: 15px;
    font-size: 14px;
}

.wc-layered-nav-term a{
	color:#000;
	display: flex;
	/* text-decoration: underline; */
}
.wc-layered-nav-term .count{
	display: none;
}

.wc-layered-nav-term a::before{
	font-family: "Font Awesome 6 Pro" !important;
	content:"\f0c8" !important;
	margin-right: 10px !important;
	font-size:25px;
	color: #ADADAD;
  	font-weight: 300;
}

.wc-layered-nav-term.chosen a:before{
	font-family: "Font Awesome 6 Pro" !important;
	content:"\f14a" !important;
	margin-right: 10px !important;
	color:#36A781 !important;
	font-weight: 900 !important;
	font-size:25px;
}


.widget_layered_nav_filters ul li a::before{
	font-family: "Font Awesome 6 Pro" !important;
	content:"\f14a" !important;
	margin-right: 10px !important;
	color:#36A781 !important;
	font-weight: 900 !important;
	font-size:25px;
}
.widget_layered_nav_filters ul li a{
	color:#000;
	display: flex;

}

.product-feed-loop #text-2 h3{
	font-weight: 600;
	border-bottom: 1px solid #BFBEBE;
	padding-bottom: 10px;
  	margin-bottom: 20px;
}


.product-feed-loop .widget_layered_nav h4{
	font-size: 23px;
	padding-bottom: 5px;
	text-transform: inherit;
}




.single-product .widget-area{
	display: none !important;
}

.post-type-archive-casestudies .page-header{
	margin-top:25px;
}

.single-post .single-page-content{
	width: 80%;
	margin:0 auto
}

.single-post .single-page-content p{
	font-size: 18px;
	line-height: 28px;
	padding-bottom:15px;
}	
.single-post .single-page-content h3,
.single-post .single-page-content h4{
	padding-bottom:10px;
	padding-top:30px;
}
.single-post .single-page-content ol,
.single-post .single-page-content ul{
	padding-left:20px;
	padding-bottom:15px;
}
.single-post .single-page-content ol li{
	list-style: decimal;
}
.single-post .single-page-content ul li{
	list-style: disc;
}
.single-post .single-page-content h2{
	padding-bottom:15px;
	padding-top:30px;
}
.single-post .single-page-content li a,
.single-post .single-page-content p a{
	text-decoration: underline;
}


@media(max-width:550px){
	.single-post .single-page-content {
		width: 95%;
		margin: 0 auto;
		padding-top: 20px;
		padding-bottom: 60px;
	}
}




.search-results .page-div{
	padding-top: 30px;
}

#searchform input{
	flex: 0 0 70%;
	padding: 0.5em 1em;
	background-color: #fff;
}
#searchform #searchsubmit{
	flex: 0 0 30%;
	background-color: #F3F3F3;
}
#searchform{
	width: 25%;
	background-color: #F3F3F3;
	border: 1px solid #3c3c3b;
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	color: #3c3c3b
}
#searchform div{
	display: flex;
}




@media (max-width:1440px){

	.page-header{
		padding-top: 80px;
  		padding-bottom: 25px;
	}
}



/* contact form confirmation: grey rounded box, fontawesome tick like the icons in footer, centered text below.  */



.button-group .filter-button{
	border: 1px solid #36A781;
	padding: 15px 20px;
	border-radius: 50px;
	font-family: "Lato", sans-serif;
	font-weight: 600;
	margin: 0 10px;
	color: #36A781;
}
.button-group .filter-button.active-filter{
	color: #fff;
	background-color: #36A781;
}
.button-group  .filter-header{
	font-weight: 600;
}
.button-group  .brands{
	margin-bottom: 20px;
}
.button-group  .topics{
	margin-bottom: 20px;
}

.button-group .filter-all{
	float: right;
}


@media (max-width:800px){
	/* .button-group .filter-all{
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 20px;
	} */
	.button-group .filter-all{
		display: none !important;
	}

	.button-group .brands,
	.button-group .topics{
		display: flex;
  		flex-flow: row wrap;
	}
	.button-group .filter-button{
		width: 44%;	
		margin-bottom: 5px;
	}
	.button-group .filter-header{
		width: 100%;
		padding-bottom: 20px;
		text-align: left;
		padding-bottom: 0;
		font-size: 20px;
	}
	.button-group .filter-header::after{
		content: "+";
		float: right;
		display: inline-block;
	}


	.button-group .filter-all{
		display: block;
		margin: 0 auto;
		width: auto;
		float: inherit;
		margin-bottom: 20px;
	}


	.button-group .brands .filter-button,
	.button-group .topics .filter-button{
		display: none;
	}

	.button-group .topics.active-filter-mobile .filter-header,
	.button-group .brands.active-filter-mobile .filter-header{
		padding-bottom: 10px;
	}

	.button-group .topics.active-filter-mobile .filter-button,
	.button-group .brands.active-filter-mobile .filter-button{
		display: block;
	}

	.button-group .topics.active-filter-mobile .filter-header::after,
	.button-group .brands.active-filter-mobile .filter-header::after{
		content: "-";
	}


	
}


/* Installer Section */
.single-install .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img{
	width: 100%;
}
.single-install .ngg-galleryoverview{
	margin-top: 0;
	margin-bottom: 0;
}
.single-install h1,
.single-install h1 strong{
	font-size: 30px;
	line-height: inherit;
	padding-bottom: 20px;
}
.single-install h3{
	font-size: 23px;
}
.single-install ul{
	list-style: disc;
  	padding-left: 20px;
}
.single-install ul li{
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
}
.single-install p{
	font-size:18px;
}


.post-type-archive-installer .bg-image{
	min-height: 300px;
}
.post-type-archive-installer .content h3{
	font-weight: 400;
	padding-top: 20px;
	color: #36a781;
}
.post-type-archive-installer .install-loop{
	padding-top:60px;
	padding-bottom: 60px;
}
.post-type-archive-installer .install-loop .row{
	row-gap: initial;
}
.post-type-archive-installer  #primary #content .row {
  justify-content: initial;
}
.post-type-archive-installer #filters{
	padding-top:30px;
}