body{
	font-family: 'Inter', sans-serif!important;
	background-color: #f7f8fc;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 165%;
	color: #42464F!important;
	padding: 0px 0px!important
	margin: 0px 0px!important;

}

@media (min-width:960px){

	h1{	
		color: #202327;
		vertical-align: middle;
		font-weight: 500;
		font-size: 34px;
		line-height: 140%;
		text-align: center!important;
	}
	h2{
		font-weight: 500;
		font-size: 24px;
		line-height: 150%;
	}
	h3{
		font-weight: 500;
		font-size: 16px;
		line-height: 150%;
	}
	caption{
		font-weight: normal;
		font-size: 12px;
		line-height: 150%;
	}
}
@media (max-width:960px){
	h1{	
		color: #202327;
		vertical-align: middle;
		font-weight: 500;
		font-size: 30px;
		line-height: 140%;
		text-align: center!important;
	}
	h2{
		font-weight: 500;
		font-size: 20px;
		line-height: 140%;
	}
	h3{
		font-weight: 500;
		font-size: 15px;
		line-height: 150%;
	}
	caption{
		font-weight: normal;
		font-size: 12px;
		line-height: 150%;
	}
	
}
.bg-green{
	background-color: #356B5E!important;
}
.text-whtie{
	color: #ffffff;
}
.green1{
	color: #356B5E!important;
}
.gray-100{
	color: #F7F8FC!important;
}
.gray-800{
	color: #42464F!important;
}
a{
	color: #356B5E!important;
	text-decoration: none!important;
}
a:hover{
	color: #11B684!important; 
	text-decoration: none!important;
}
a:visited{
	color: #356B5E!important;
	text-decoration: none!important;
}
a:focus{
	/*outline: none !important;
	border: 2px solid #2BD19E!important;
	border-radius: 6px; */
	border: none!important;
}

a.lasit_vairak{
	font-family: 'craftfont-Medium'!important;
	font-size: 14px;
}

.anchor { padding-top: 0px; }
.clear{
	clear: both;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.pad-0{
	padding: 0px;
}
.pad-top-90{
	padding-top: 90px;
}
.pad-top-10{
	padding-top: 10px;
}
.caption-font{
	font-size: 12px!important;
}
.pad-bottom-30{
	padding-bottom: 3rem;
}

.margin-top-1rem{
	margin-top: 1rem;
}
.margin-top-2rem{
	margin-top: 2rem;
}
.margin-top-3rem{
	margin-top: 3rem;
}

.pad-top-1rem{
	padding-top: 1rem;
}
.pad-top-2rem{
	padding-top: 2rem;
}
.pad-top-3rem{
	padding-top: 3rem;
}
.pad-top-4rem{
	padding-top: 4rem;
}
.pad-bottom-1rem{
	padding-bottom: 1rem;
}
.pad-bottom-2rem{
	margin-bottom: 2rem;
}
.pad-bottom-3rem{
	margin-bottom: 3rem;
}

.line-1-2-rem{
	line-height: 18px!important;
}
.font-12px{
	font-size: 12px;
}
.width-225{
	width: 225px!important;
}
.just-center{
	margin: 0 auto;
}
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* first page image */
#first-page-image{
  background-image: url("/img/first_page_image.png"); /* The image used */
  /* height: 216px; You must set a specified height */
  background-repeat: no-repeat;
  background-position: bottom right; 
  background-size: 766px 630px;
}
#first-page-title{
	font-weight: 500;
	font-size: 70px;
	line-height: 110%;
	color: #202327;
	padding: 66px 0px 0px 0px;
	text-align: left!important;
}
.first-page-subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	color: #379170;
	padding: 16px 0px 0px 0px;
}
.first-page-text{
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 165%;
	color: #656A74;
	padding: 12px 0px 0px 0px;
}
.first-page-btn{
	display: block;
	color: #EEF8EB!important;
	height: 52px;
	width: 182px;
	background: #11B684;
	border-radius: 6px;
	margin: 56px 0px 166px 0px;
	padding-top: 13px; 
	text-align: center;
}
@media (max-width:960px){
	#first-page-title{
		font-size: 40px;
		padding-left: 2rem;
		padding-top: 6rem;
	}
	.first-page-text{
		padding: 0 2rem;
	}
	.first-page-subtitle{
		font-size: 20px;
		padding: 0 2rem;
	}
	#first-page-image{
	  background-image: url("/img/first_page_image_mob.png"); /* The image used */
	  /* height: 216px; You must set a specified height */
	  height: 728px;
	  background-repeat: no-repeat;
	  background-position: top center; 
	  background-size: 100% 728px;

	}
	.first-page-btn{
		display: block;
		color: #EEF8EB!important;
		height: 52px;
		width: 80%;
		background: #11B684;
		border-radius: 6px;
		padding-top: 13px; 
		text-align: center;
		margin: 5rem 2rem 15rem 2rem;
	}
}

.first-page-btn:hover{
	background: #379170;
	color: #EEF8EB!important;
}
.first-page-btn:visited{
	color: #EEF8EB!important;
}
.first-page-btn:focus{
	/*border: 2px solid #2BD19E;
	box-sizing: border-box;
	border-radius: 6px; */
	border:none!important;
}

.red-line{
	border: 1px solid red;
}
#jaunumi{
	text-align: center;
	padding-bottom: 56px;
	margin-top: 4rem;
}
#jaunumu-saraksts > .card{
	height: 408px;
	border-radius: 6px!important;
	box-shadow: 0px 2px 6px rgba(39, 39, 39, 0.08);
	color:;
}
#jaunumu-saraksts .card:hover{
	box-shadow: 0px 4px 8px rgba(39, 39, 39, 0.12);
	border-radius: 10px;
	color: #304D3F;
}
@media (max-width:960px){
	#jaunumu-saraksts .card{
		margin: 0px 20px;
	}
}

.card-img, .card-img-top {
	border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
}
.card-footer{
	background-color: #ffffff;
	border-top: none;

}
.card-footer:last-child {
    border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px);
}
.card-date{
	font-size: 14px;
	line-height: 150%;
	color: #AAB1BC;
}
.card-title{
	font-size: 16px;
	line-height: 150%;
	color: #42464F;
}
.card-read-more{
	color: #356B5E;
}

/* ===== foooter  ===== */

#footerbox{
	background-color: #ffffff;
	margin-top: 120px;
	padding-top: 32px;
	padding-bottom: 25px;
}


@media (min-width:960px){
	#footer_mobile{
		display: none;
	}
	.creator-footer{
		float: right!important;
	}
}
@media (max-width:960px){
	#footer_desktop{
		display: none;
	}
	#footer_mobile{
		padding: 0px!important;
	}
	#footerbox{
		background-color: #f7f8fc;
		padding-bottom: 0px;
		margin-top: 8rem;
	}
}


/*  ===== Basic page ==== */
.basic-page{
	padding-top: 56px;
}


#dalibnieku-saraksts .card-img, .card-img-top {
	/* padding: 30px 0px ;*/
}




/* oofcanvas */

html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: 5rem;
}

@media (max-width: 767.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 5rem; /* Height of navbar */
    bottom: 0;
    width: 100%;
    padding-right: 0rem;
    padding-left: 0rem;
    overflow-y: auto;
    background-color: #ffffff;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .offcanvas-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); /* Account for horizontal padding on navbar */
  }
}
	#top-main-menu .navbar-toggler.close-btn .navbar-toggler-icon {
		background-image: url("/img/burger-close.png")!important;
		background-size: cover;
		height: 40px;
		width: 40px;
	}
	#top-main-menu .navbar-toggler:not(.close-btn) .navbar-toggler-icon {
	    background-image: url("/img/burger.png")!important;
		background-size: cover;
		height: 40px;
		width: 40px;
	}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: var(--secondary);
}

.nav-underline .nav-link:hover {
  color: var(--blue);
}

.nav-underline .active {
  font-weight: 500;
  color: var(--gray-dark);
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: var(--purple); }

.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }
/* oofcanvas */

/* ====== menu ======= */
@media (min-width:960px){
	.navbar{
		padding: 0rem 1rem!important;
	}
	#collapsingNavbar3{
		margin-left: 70px;
	}
	#collapsingNavbar3 .nav-item a{
		color: #656A74!important;
		font-weight: 500;
		font-size: 14px;
		line-height: 17px;
		/* identical to box height */
		padding: 30px 24px 25px;
		text-align: center;
		text-transform: uppercase;
		white-space: nowrap;
	}
	#collapsingNavbar3 .nav-item a:hover{
		border-top: 4px solid #304D3F;
		color: #202327!important;
		padding: 26px 24px 25px;
	}
	#collapsingNavbar3 .nav-item a.active{
		border-top: 4px solid #304D3F;
		color: #202327!important;
		padding: 26px 24px 25px;
	}
	#collapsingNavbar3 .nav-soc-link a{
		border-top: none!important;
		font-size: 24px!important;
		padding: 22px 8px 25px;
	}
	#collapsingNavbar3 .nav-soc-link a:hover{
		border-top: none!important;
		font-size: 24px!important;
		padding: 22px 8px 25px;
	}
	.not-front-page{
		margin-top: 32px;
	}
}
@media (max-width:960px){
	#top-main-menu{
		padding-top: 1rem!important;
		
	}
	#top-main-menu .navbar-toggler{
		border: none!important;		
	}
	
	/* ditch the ugle blue outline */
	.navbar-toggler:focus,
	.navbar-toggler:active {
	    outline: 0;
	}

	#top-main-menu .navbar-collapse{
		background-color: #f7f8fc;
		background-image: url("/img/menu_mob_bottom.png");
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#top-main-menu a{
		color: #42464F!important;
	}
	#top-main-menu a:focus{
		border: none!important;
	}
	#top-main-menu .nav-link {
		padding: 0px!important;
	}
	#top-main-menu-ul{
		margin-top: 2rem;
	}
	#top-main-menu-ul li{
		color: #42464F;
		display: block;
		padding: 16px 16px 16px 32px;
		font-size: 16px;
		font-weight: 500;
		text-transform: uppercase;
	}
	ul#top-social-menu{
		flex-direction: row!important;
		justify-content: center!important;
		list-style: none;
	}
	ul#top-social-menu li{
		display: inline;
		font-size: 2rem;
		height: 32px!important;
		width: 32px!important;
		margin: 0.5rem 0.5rem 0.5rem 0.5rem;
	}
	ul#top-social-menu li a:visited, 
	ul#top-social-menu li a:link{
		color: #656A74!important;
	}
	#top-main-menu-ul .dropdown-toggle::after{
		background-image: url("/img/chevron-right.png");
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 24px 24px;
		border: none;
		float: right;
		height: 24px;
		width: 24px;
	}
	#top-main-menu-ul .nav-item.dropdown.show .dropdown-toggle::after{
		background-image: url("/img/chevron-down.png")!important;
	}

	#top-main-menu-ul .dropdown-menu{
		background-color: transparent!important;
		border: none;
	}
	#top-main-menu-ul .dropdown-menu a{
		font-size: 15px;
		text-transform: none;
	}
	#top-main-menu-ul .nav-item.dropdown.show{
		border-left: 4px solid #304D3F;
	}
}

/* ======= eof menu ========*/
/* ======= left_menu ========*/
ul.left-menu{
	background-color: #EBEDF3!important;
	border-radius: 10px;
	padding: 0px;
	width: 240px;
}
ul.left-menu li{
	list-style: none;
	padding: 12px 10px 12px 26px!important;
}
ul.left-menu li:hover,
ul.left-menu li.active
{
	border-left: 4px solid #304D3F;
	padding: 12px 10px 12px 22px!important;
}

ul.left-menu li a,
ul.left-menu li a:visited,
ul.left-menu li a:link{
	color: #656A74!important;
	line-height: 150%;
}
ul.left-menu li a:hover{
	color: #202327!important;
}


/* ======= eof left_menu ========*/

#party-list > .card{
	width: 100%;
	border-radius: 6px!important;
	box-shadow: 0px 2px 6px rgba(39, 39, 39, 0.08);
}

.big-points{
	font-size: 2rem!important;
}
.card-body.border-right-line{
	border-right:  1px solid #EBEDF3!important;
	height: 100%;
	vertical-align: middle!important;

}
.card-body.border-right-line p{
	height: 100%;
	vertical-align: middle!important;

}

/* ============ desktop view ============ */
@media (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.stay-open {display:block !important;}
	#top-main-menu-ul .dropdown-item.active, .dropdown-item:active {background-color: #f7f8fc; }
	#top-main-menu-ul .dropdown-menu{ background-color: #f7f8fc; border: none;}
	#top-main-menu-ul ul.dropdown-menu{
		list-style-type: none;
		width: 900px;
	}
	#top-main-menu-ul ul.dropdown-menu li{
		display: inline-block!important;
		float:left;
	}
	ul.sec-level-ul{
		background-color: yellow; 
		list-style-type: none;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	ul.sec-level-ul li{
		display: inline;
	}
	#top-main-menu-ul .dropdown:hover .dropdown-menu {
		display: block !important;
	}
	#top-main-menu-ul a.dropdown-item:hover,
	#top-main-menu-ul a.dropdown-item.active
	{
		border-top: none!important;
		border-bottom: 4px solid #304D3F;
		color: #202327!important;
		padding: 0px 24px 12px;
	}
	#top-main-menu-ul a.dropdown-item {
		font-size: 12px!important;
		color: #656A74!important;
		padding: 0px 24px 12px;
	}


}	

/* ============ desktop view .end// ============ */