html {
  scroll-behavior: smooth;
}

body, p, .b1, .b2, .b3, .b4 {
	font-family: Oswald, sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Oswald, sans-serif;
}



a {text-decoration: none !important;}

.navbar a:hover {color: #8e1240}

.navbar .dropdown-toggle::after {
	display: none;
}

.h-700 {
	height: 700px;
}

.category_2_menu .accordion-button, .category_2_menu .accordion-button:not(.collapsed) {
	color: #30437f !important;
}

.accordion-button::after {
	background-image: none !important;
}

.accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.category-b-divider {
	border-left: solid #ccc 1px;
}

.border-primary-sed {
	border: solid #30437f 1px;
}
.preset-link {
	cursor: pointer;
}

.fa-sm {
	font-size: 2.15px;
	margin: 0.3px 0.4px;
}

.less-than-200 .fa-sm {	
	font-size: 4.15px;
	margin: 0.6px 0.8px;
}

.text-light-opacity {
	color: rgba(255,255,255,0.60);
}

.text {color: #8e1240;}
.text-blue {color: #30437f;}
.text-red {color: #8e1240;}
.text-light {color: #e0e0e0 !important;}
.fill-red {color: #8e1240;}
.fill-blue {color: #30437f;}
.fill-white {color: #e0e0e0;}
.text-primary-sed {color: #30437f;}

.fa-xs {
	font-size: 2.25px;
	margin: 0.3px 0.4px;
	opacity: 0.5;
}

.category-b-year {
	color: #aaa; font-size: 0.8em;
}

.vh-10 {
	height: 10vh;
}
.vh-20 {
	height: 20vh;
}
.vh-30 {
	height: 30vh;
}
.vh-40 {
	height: 40vh;
}
.vh-50 {
	height: 50vh;
}
.vh-60 {
	height: 60vh;
}
.vh-70 {
	min-height: 70vh;
}
.vh-80 {
	height: 80vh;
}
.vh-90 {
	height: 90vh;
}
.vh-100 {
	min-height: 100vh;
}
.vh-25 {
	height: 25vh;
}
.vh-75 {
	height: 75vh;
}

.rotate {
  animation: rotation 300s;
}
.rotate-inverse {
  animation: rotation-inverse 300s;
}

.map_of_india path {fill: #000; stroke: rgba(255,255,255,0.5); stroke-width: 0.5;}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.linear {
  animation-timing-function: linear;
}

.infinite {
  animation-iteration-count: infinite;
}

.filter-li, .delete-category-b-selection-filter {
	cursor: pointer;
}

#category-1-globe {
	position:relative; width:400px; height: 400px;
}

.category-1-globe-svg {
	z-index: 3; width: 100%; max-width:400px; max-height: 400px; position: absolute; top:0; left:0;
}

@media only screen and (max-width: 767px) {
	
	#category-1-globe, .category-1-globe-svg {
		height:94vw !important;
		width: 94vw !important;
	}

	#states-slider {
		padding-top:0px; margin-bottom: 200px;
	}

	.analyse-toolbar-section {
		width: 100%;
	}

}

.cls-1{fill:none;stroke:#666;stroke-width:5px;stroke-linejoin:round; filter: blur(0.5px); -webkit-filter: blur(0.5px); opacity: 0.3;}

.cls-2{fill:none;stroke:#e0e0e0;stroke-width:2px;stroke-linejoin:round; filter: blur(0px); -webkit-filter: blur(0px); opacity: 1;}

.cls-3{fill:#ccc !important;}

.map_of_india {position: relative; z-index: 3;}


.h1s {
	font-size: 3em;
	font-weight: 700;
	font-family: Oswald, sans-serif;
}

.h2s {
	font-size: 2.5em;
	font-weight: 300;
	font-family: Oswald, sans-serif;
}

.h3s {
	font-size: 1.5em;
	font-weight: 100;
	font-family: Oswald, sans-serif;
}

.h4s {
	font-size: 1em;
	font-weight: 100;
	font-family: Oswald, sans-serif;
}

.h5s {
	font-size: 1.125em;
	font-weight: 400;
	font-family: Oswald, sans-serif;
}

.h6s {
	font-size: 1em;
	font-weight: 200;
	font-family: Oswald, sans-serif;
	letter-spacing:0.5em;
}

.b1s {
	font-size: 1em;
	font-weight: 200;
	font-family: Inter, sans-serif;
}

.b2s {
	font-size: 2em;
	font-weight: 300;
	font-family: Inter, sans-serif;
}

.b3s {
	font-size: 0.8em;
	font-weight: 100;
	font-family: Inter, sans-serif;
}

.b4s {
	font-size: 0.8em;
	font-weight: 500;
	font-family: Inter, sans-serif;
}


@media all and (min-width:0px) and (max-width: 568px) {
  body, .btn {font-size:0.85rem !important;}
  .story-of {font-size:0.7rem !important;}
  .decade {font-size:1.5rem !important;}
}