/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

 .button.btn.btn-dark, .btn:not(.close):not(.mfp-close).btn-dark, a.btn:not([href]):not([tabindex]).btn-dark { 
	background-color: #17a2b8; 
	color: #ffffff;
}

.product-description p {
	font-size: 16px;
}

#header:not(.header-sticky) .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: 50px;
}

#header:not(.header-sticky) .header-inner #logo, #header #header-wrap #logo {
    height: 50px;
}

#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider, #header:not(.header-sticky)[data-transparent="true"] + .fullscreen, #header:not(.header-sticky)[data-transparent="true"] + .halfscreen, #header[data-transparent="true"] + #google-map {
    top: -50px;
    margin-bottom: -50px;
}
#header .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: 50px;
}

#header:not(.header-sticky) .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: 60px;
}


#topbar.topbar-colored, #topbar.topbar-colored.dark {
    background-color: #17a2b8; color: #ffffff; font-weight: 500; padding: 50;
}

.heading-text.heading-section p {
    font-size: 16px;
    font-weight: 400;
}

section {
    padding: 5px 6px;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #fff;
}

.heading-text.heading-section h2 {
    position: relative;
    font-size: 40px;
    line-height: 27px;
    margin-bottom: 49px;
}

.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category {
    background-color: #17a2b8;
    color: #fff;
    font-size: 13px;
    padding: 2px 16px;
    border-radius: 50px;
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 3;
    margin-right: 0;
}	
/* ----------------------------------------------------------------
Post item background colour change to grey
-----------------------------------------------------------------*/	
.post-item .post-item-wrap {
    background-color: #f2f4f5;
    position: relative;
	 border: dashed 2px #676767;
}


/* ----------------------------------------------------------------
change testominial boxes
-----------------------------------------------------------------*/	

.testimonial .testimonial-item {
    border: 2px solid #cccaca;
    background-color: #f2f4f5;
    padding: 21px;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}

/* ----------------------------------------------------------------
change BG footer color
-----------------------------------------------------------------*/	
#footer {
    display: block;
    position: relative;
    background-color: #17a2b8;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    font-family: inherit;
    color: white;
}

/* ----------------------------------------------------------------
change BG color of very top bar accordion
-----------------------------------------------------------------*/	
.accordion.accordion-theme .ac-item {
    background-color: #17a2b8;
    border: 0;
}

.accordion.accordion-themegrey .ac-item {
    background-color: #f2f4f5;
    border: 0;
}
.accordion.accordion-theme-top .ac-item {
    background-color: #17a2b8;
    margin-bottom: 0px;
	text-align: center;
    padding: 2px 15px;
    border-radius: 0px;
	color: #ffffff;
}
/* ----------------------------------------------------------------
change magin top bottom left right of page contect slider products
-----------------------------------------------------------------*/	
#page-content:not(.no-sidebar) {
    padding: 10px 130px 10px 130px;
}

/* ----------------------------------------------------------------
change header text font size and color
-----------------------------------------------------------------*/	
#mainMenu.menu-lowercase nav > ul > li > a {
    text-transform: unset;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 600;
	color: #7a8892;
}

/*.row {
    --bs-gutter-x: 0rem;
    --bs-gutter-y: 0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}*/	

/* ----------------------------------------------------------------
change Call to action width / height
-----------------------------------------------------------------*/	

.call-to-action {
    padding: 3px 3px 3px 3px;
	margin-bottom: 1px;
}


/* ----------------------------------------------------------------
                     CHANGES FOR SMALLER DEVICES 
-----------------------------------------------------------------*/	

/* ----------------------------------------------------------------
change magin top and bottom of author image
-----------------------------------------------------------------*/	
@media (max-width: 991.98px) {

.testimonial.testimonial-left .testimonial-item > img {
    display: inherit;
    float: none;
    margin: 0px auto;
    height: 80px;
    width: 80px;
}

/* ----------------------------------------------------------------
change container padding width
-----------------------------------------------------------------*/	


.container {
    padding: 0 10px;
}
.container-wide {
    padding: 0 10px;
}


/* ----------------------------------------------------------------
change h1 size
-----------------------------------------------------------------*/	


h1, .h1 { font-size: 1.5em; line-height: 1.31818182em; }

h2, .h2 { font-size: 1.0em; line-height: 1.3em; }

h3, .h3 { font-size: 1.8em; line-height: 1.3em; }

p { font-size: 1.0em; line-height: 1.3; }


/* ----------------------------------------------------------------
change magin top and bottom of page contect slider products
-----------------------------------------------------------------*/	
#page-content:not(.no-sidebar) {
    padding: 10px 15px 10px 15px;
}

/* ----------------------------------------------------------------
change Call to action width / height
-----------------------------------------------------------------*/	

.call-to-action {
    padding: 1px 1px 1px 1px;
	margin-bottom: 1px;
}
.call-to-action { padding: 1px 1px 1px 1px; }
  [class*="col-"] > .call-to-action {padding: 1px 1px 1px 1px;} }

                            }
/* ----------------END CHANGES FOR SMALLER DEVICES ------*/