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

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

	/*--bgcolor-1: #16a085;
	--color-1: #fff;

	--bgcolor-2: #474787;
	--color-2: #fff;

	--bgcolor-3: #ff793f;
	--color-3: #fff;

	--bgcolor-4: #EDDEE6;
	--color-4: #F6F3EE;*/
	
	--bgcolor-1: #a48712;
	--color-1: #333;
	
	--bgcolor-2: #cc8e35;
	--color-2: #333;

	--bgcolor-3: #ecd258;
	--color-3: #333;

	--bgcolor-4: #EDDEE6;
	--color-4: #F6F3EE;

}


.svg-curve {
	position: absolute;
	left: 0;
	bottom: 0;
}

img.frameprofile {
  --border: 15px;
  --gap: 12px;
  --color: #cca211;
  
  width: 250px;
  aspect-ratio: 1;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 20px;
  cursor: pointer;
  padding: calc(var(--border) + var(--gap));
  
  --angle: 90deg;
  background:
    radial-gradient(farthest-side,var(--color) 97%,#0000 101%) 85.35% 85.35%,
    conic-gradient(from calc(180deg - var(--angle)/2),#0000 var(--angle),var(--color) 0),
    radial-gradient(farthest-side,var(--color) 97%,#0000 101%) 14.65% 85.35%;
  background-size: var(--border) var(--border),auto;
  background-repeat: no-repeat;
  
  -webkit-mask:
    radial-gradient(farthest-side, 
     #000  calc(99%  - calc(var(--border) + var(--gap))),
     #0000 calc(100% - calc(var(--border) + var(--gap))) 
           calc(99%  - var(--border)), 
     #000  calc(100% - var(--border)));
          mask:
    radial-gradient(farthest-side, 
     #000  calc(99%  - calc(var(--border) + var(--gap))),
     #0000 calc(100% - calc(var(--border) + var(--gap))) 
           calc(99%  - var(--border)), 
     #000  calc(100% - var(--border)));
  transition: --angle .4s,--gap .4s;
}
img.frameprofile:hover {
  --angle: 0deg;
  --gap: 5px;
}
@property --gap{
  syntax: '<length>';
  inherits: true;
  initial-value: 0;
}
@property --angle{
  syntax: '<angle>';
  inherits: true;
  initial-value: 0deg;
}

.color1 {
	/*background-color: var(--bgcolor-1) !important;
	color: var(--color-1) !important;*/
	background: linear-gradient(45deg, var(--bgcolor-1), #f9e79f) !important;
	color: #333 !important;
}

.color2 {
	/*background-color: var(--bgcolor-2) !important;
	color: var(--color-2) !important;*/
	background: linear-gradient(45deg, var(--bgcolor-2),#ffcc00 ) !important;
	color: #333 !important;
}

.color3 {
	/*background-color: var(--bgcolor-3) !important;
	color: var(--color-3) !important;*/
	background: linear-gradient(45deg,var(--bgcolor-3), #b69122) !important;
	color: #333 !important;
}

.color4 {
	background-color: var(--bgcolor-4) !important;
	color: var(--color-4) !important;
}

.nav-pills .nav-item .nav-link {
	position: relative;
	padding: 0.75rem;
	border-radius: 16px;
	opacity:  0.8;
	/*font-family: var(--p-f-family);*/
	font-size: 1rem;
	font-weight: 600;
	height: -webkit-fill-available;
	font-weight: bold;
	width: 100%;
}

.nav-pills .nav-item .nav-link.active::after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 12px transparent;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}


.nav-pills .nav-item .nav-link.color1::after {
	border-top-color: var(--bgcolor-1);
}

.nav-pills .nav-item .nav-link.color2::after {
	border-top-color: var(--bgcolor-2);
}

.nav-pills .nav-item .nav-link.color3::after {
	border-top-color: var(--bgcolor-3);
}

.nav-pills .nav-item .nav-link.color4::after {
	border-top-color: var(--bgcolor-4);
}

.nav-pills .nav-item .nav-link span {
	display: block;
	font-family: "Roboto";
	font-size: 1rem;
	font-weight: 400;
	margin-top: 2px;
}

.nav-pills .nav-item .nav-link:hover,
.nav-pills .nav-item .nav-link.active {
	opacity: 1;
}

.tab-pane .card {
	border-radius: 20px;
}

.tab-pane .card .card-header {
	border-radius: 20px 20px 0 0;
}

@media (max-width: 767.98px) {
	.nav-pills .nav-item .nav-link {
	    width: 100%;
	    margin-bottom: 20px
	}
}

.color-2 {
    color: var(--themecolor, #cc8e35) !important;
}

.entry-metaa ul {
	
	align-items: center;
	margin: 0 0 -10px 0px;
	list-style: none;
}

.entry-metaa.no-separator ul,
.entry-metaa ul.flex-column {
	align-items: start;
	margin-left: 0;
}

.entry-metaa ul {
	margin-bottom: -5px;
}

.entry-metaa li {
	font-size: 90%;
	margin: 0;
	color: #999;
}
.entry-title h4{
	font-family: 'Poppins', sans-serif!important;
}

.first-letter {
  font-size: 35px;
  line-height: 70px;
}

.subhead::first-letter {
  color: #cc8e35;
  float: left;
  font-size: 4em;
  margin: 0 .2em 0 0;
}
.btabs .nav .nav-link{
	font-weight: bold;
	width: 228px;
    padding: .5rem 0;
}
@media (max-width: 767.98px){
	.btabs .nav .nav-link {
		width: 130px;		
	}
}
.btabs .nav .active{
	background-color:#cc8e35!important;
}
.btabs .nav .active:hover{
	color:#fff!important;
}
.btabs .nav .nav-link:hover{
	color:#cc8e35;
}

#v-pills-tabContent .entry-image img{
	width:75px;
}
#v-pills-tabContent .entry-image {
	margin-bottom:0px;
}
/*
.minheight{
	min-height: 400px;	height: 400px;
}
@media (max-width: 767.98px){
	.minheight{
		min-height: 550px!important;		height: 550px!important;
	}
}*/.owl-carousel .owl-dots .owl-dot {	margin: 20px 4px 0 4px!important;}