/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



@import url("fonts/style.css")

:root {
  --cnvs-themecolor: #F39887;
  --cnvs-themecolor-rgb: 243, 152, 135;
  --cnvs-primary-font: 'calibri', calibri !important;
  --cnvs-body-font: 'calibri', calibri !important;
  --cnvs-secondary-font: 'calibri', calibri !important;
}

body {
  font-size: 18px !important;
  font-family: calibri !important;
}

#content {
  position: relative !important;
  background-color: #fff !important;
}

#header-wrap {
  background-color: #fff !important;
}

.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 98%;
  }


.dropdown-langs img {
  margin-right: 0px !important;
  width: 26px !important;
  height: 15px !important;
}


/* change the category color here */
.divider {
   color: #ccc !important;
}


/* Menu settings */

li {
  margin: 0;
  padding: 0 10px 0 0 !important;
}

.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
  --cnvs-primary-menu-submenu-tt: none !important;
  --cnvs-primary-menu-submenu-font-weight: 400 !important;
  --cnvs-primary-menu-submenu-hover-font-weight: 400 !important;
  --cnvs-primary-menu-font: var(--cnvs-primary-font);
  font-size: 15px !important;
  letter-spacing: 1px;
  color: #000 !important;
  line-height: 1.3 !important;
}

.is-expanded-menu .sub-menu-container .menu-item > .menu-link {
  font-weight: 400 !important;
  text-transform: none !important;
}

.menu-item .menu-link {
    /*  background-image: linear-gradient(to right, #e83e27 80%, #e83e27 100%) !important;  */
		background-image: none !important; 
		background-repeat: no-repeat;
		background-size: 0% 7px;
		background-position: 0 58%;
		transition: background-size .6s cubic-bezier(.19,1,.22,1);
		padding-left: 1px;
		padding-right: 1px;
		color: #222 !important;
}

.menu-link {
  --cnvs-primary-menu-padding-y: 14px;
  --cnvs-primary-menu-padding-x: 5px;
  display: block;
  line-height: 22px;
  padding: var(--cnvs-primary-menu-padding-y) var(--cnvs-primary-menu-padding-x);
  color: var(--cnvs-primary-menu-color);
  font-weight: 400 !important;
  font-size:22px !important;
  font-family: calibri;
  text-transform: none !important;
  letter-spacing: var(--cnvs-primary-menu-ls);
}

.sub-menu-container .menu-item > .menu-link {
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--cnvs-contrast-900);
  letter-spacing: var(--cnvs-primary-menu-submenu-spacing);
  font-family: calibri;
}

.is-expanded-menu .mega-menu-style-2 .sub-menu-container:not(.mega-menu-dropdown) .menu-link {
  --cnvs-primary-menu-submenu-padding-x: 0.15rem !important;
  --cnvs-primary-menu-submenu-padding-y: 0.15rem !important;
}

.is-expanded-menu .mega-menu .mega-menu-style-2 .mega-menu-column {
  padding: 0.55rem 0.75rem !important;
}

.is-expanded-menu .mega-menu-style-2 .sub-menu-container:not(.mega-menu-dropdown) .menu-item:not(.mega-menu-title):hover > .menu-link {
  --cnvs-primary-menu-submenu-hover-bg: #ccc !important;
  font-size:16px !important;
}

/* Page Title */

.page-title {
     border: none;
     margin: 0px;
     padding: 20px 0px 20px 0px !important;
     }

.page-title-content h1, .page-title-content .h1 {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 400;
  color: #fff !important;
  font-size: 34px !important;

}

.page-title h1 {
  letter-spacing: 1px;
  font-family: arial !important;
}

.page-title-content span {
  display: block;
  color: #ccc !important;
  font-size: 15px !important;
}

 .page-title-row {
  align-items: end !important;
}


/*  Footer  */
#footer  {
	position:relative !important;
}

.footer-img {
	height:40px !important;
	width:167px !important;
	
}

.footer-img-row {
	 border: none;
     margin: 0px;
     padding: 10px 0px 20px 0px !important;
	 display: flex;
     justify-content: center;
     }


/* Copyrights */
#copyrights  {
     background-color:#fff !important;
	 padding:15px 0px 0px 0px !important; 
	 font-size:18px !important;
	 font-family:calibri !important;
	 color:#555555 !important;
    }

[class*=col-mb-] > .col,
[class*=col-mb-] > [class*=col-] {
   padding-bottom: 15px !important;
}

.copyright-links a {
   color: #e83e27 !important;
   font-size: 18px;
 }

.copyright-links a:hover {
   color: #000 !important;
 }
 
 .copyright-menu {
   font-size:18px !important;
 }

/* Blog - Article */

h1, .h1 {
  max-width: 840px;
  margin: 0px auto 0px auto !important;
  text-align: center;
  text-transform: none;
  letter-spacing: -1px;
  font-size: 36px;
  font-family: calibri !important;
  color:#4e014e !important;
  font-weight: bold !important;
}

.single-post .entry .entry-title, .single-post .entry .entry-title h2 {
  max-width: 840px;
  margin: 20px auto 0px auto !important;
  text-align: center;
  text-transform: none;
  letter-spacing: -1px;
  font-size: 32px;
  font-family: calibri !important;
  color:#000 !important;
  font-weight: bold !important;
}

h3, .h3 {
  max-width: 840px;
  margin: 10px auto 0px auto !important;
  text-align: center;
  text-transform: none;
  letter-spacing: -1px;
  font-size: 28px !important;
  font-family: calibri !important;
  color:#4e014e !important;
  font-weight: bold !important;
}

h4, .h4 {

  margin: 10px auto 0px auto !important;
  text-align: center;
  text-transform: none;
  letter-spacing: -1px;
  font-size: 20px !important;
  font-family: calibri !important;
  color:#4e014e !important;
  font-weight: bold !important;
}


h5, .h5 {
  max-width: 750px;
  margin: 10px auto 0px auto !important;
  text-align: center;
  text-transform: none;
  letter-spacing: -1px;
  font-size: 18px !important;
  font-family: calibri !important;
  color:#000 !important;
  font-weight: bold !important;
}

.entry-content p {
  color: #000 !important;
  font-family: calibri !important;
  font-size: 18px !important;
}

.entry blockquote p {
  font-weight: 400;
  font-family:  comic sans ms !important;
  font-style: italic !important;
  color: #555555 !important;
  font-size: 18px !important;
}

.entry blockquote {
  font-weight: 400;
  font-family:  comic sans ms !important;
  font-style: italic !important;
  color: #555555 !important;
  font-size: 18px !important;
}

.single-post .entry .entry-image {
  margin: 7px 15px 15px 0px !important;
}

.single-post .entry-content .entry-image {
     width: auto !important;
    } 


.alignright {
  float: right;
  margin: 15px 0 15px 15px !important;
}
 

.line {
  clear: both;
  position: relative;
  width: 100%;
  margin: 25px 0px 25px 0px !important; 
  border-top: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
}

.my-5 {
  margin-top: -25px !important;
  margin-bottom: 25px !important;
  
}

.promo-border {
  border: 2px solid !important;
  border-radius: 0px !important;
  color:#4e014e !important;
}


a:not(.btn-link):not(.text-decoration-underline):not(.more-link) {
  text-decoration: none !important;
  font-family: calibri !important;
 
}

ul {
  margin: 0 0 0 20px !important;
  margin-bottom: 0px;
  padding: 0;
}

.gototop-active #gotoTop {
  z-index: 599 !important;
  opacity: 1 !important;
}

#gotoTop {
  z-index: 599 !important;
  opacity: 1 !important;
  bottom:10px !important;
}

/* Responsive Device up to 480px (.device-md >)
-----------------------------------------------------------------*/
@media (max-width: 480px) {
	
#header-wrap #logo img {
  height: 75px !important;
}
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	
  .primary-menu {
    width: 100% !important;
    border-top: 0;
  }
  
   .header-size-custom .header-wrap-clone {
    height: 170px;
  }
}

/* Page title up to 991px
-----------------------------------------------------------------*/
@media screen and (max-width: 991px) and (min-width: 480px){
.page-title {
     margin: 0px 0px 0px 0px !important;
     padding: 20px 0px 20px 0px!important;
     }
	 
.page-title-row {
  margin-right: 10px !important;
  align-items: end !important;
}
}
	 
	 /* Page title and menu Responsive Device between 992px and 1301px
-----------------------------------------------------------------*/
@media screen and (max-width: 1301px) and (min-width: 992px){
.page-title {
     margin: 35px 0px 0px 0px !important;
     padding: 20px 0px 20px 0px!important;
     }
	 
.header-size-custom .menu-container > .menu-item > .menu-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
 .page-title-row {
  margin-right: 0px !important; 
}

}

     /* Gallery - Portfolio
	 --------------------------------------------*/

 .row > * {
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  margin-top: var(--bs-gutter-y);
}

.portfolio-item .portfolio-image img {
  display: block;
  width: auto !important;
  height: auto !important;
  margin-left: 20px !important;
  width: 95% !important;

}

.portfolio-item .portfolio-image {
  display: block!important;
  width: 96%!important;
  height: auto!important;
}

.portfolio-item {
  margin-top:20px !important;
  margin-bottom:20px !important;
}

.overlay-trigger-icon {
  --cnvs-bg-overlay-icon-size: 50px !important;
  --cnvs-bg-overlay-icon-gap: 0.25rem;
  --cnvs-bg-overlay-icon-font-size: 1.125rem;
  --cnvs-bg-overlay-icon-rounded: 25% !important;
  line-height: var(--cnvs-bg-overlay-icon-size);
  font-size: var(--cnvs-bg-overlay-icon-font-size);
  text-align: center;
}


 /* Image Caption
	 --------------------------------------------*/

figure {
  display: inline-block;
}

figcaption {
  text-align: center;
}

.mfp-title {
 
  bottom: -30px !important;
 
}

.mfp-counter {
  
  bottom: -30px !important;
 
}

/* Tables
	 --------------------------------------------*/

.table {
  border-color: #ccc !important;
}

thead {
  border-color: inherit !important;
  border-style: solid !important;
  border-width: 0 !important;
  background-color: #eaecf0 !important;
}

.table > :not(caption) > * > * {
  padding: 0px 5px !important;

}


/* Divider
	 --------------------------------------------*/
.divider {
--cnvs-divider-margin: 2rem !important;
}