/*   

Theme Name: kmu

Version: 4.0

Tags: clean, development, html5, bootstrap

Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting

Author: Igor Pogulyajlo (@ipogulyajlo)

*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');

.mo, .size-full {max-width: 100%; height: auto;} 
.su-spoiler-style-fancy>.su-spoiler-title  {font-size: 13pt !important;}
	@font-face {
	    font-family: FuturaMediumC;
	    src: url('futuramediumc.otf') format("opentype");; 
	}


   .font {font-family: FuturaMediumC;}
   .font2 {font-family: 'Rubik', sans-serif;}

  	body {
		position: relative;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden;
		font-family: FuturaMediumC;
  	}

  	.upperBar {
		font-family: FuturaMediumC;
		background: linear-gradient(to top, #377876, #377876);
		position: fixed;
		width: 100%;
		min-width: 1000px;
		height: 40px;
		z-index: 20;
  	}

  	.upperMenu {
  		z-index: 7;
  		position: relative;
  	}

  	a {text-decoration: none; color: #FFF;}

  	.upperSBar {

  		position: relative;

  		float: right;

  		z-index: 10;

  		right: 4%;

  	}

  .wiSpace {

    position: relative;

    display: inline-block;

    height: 5px;

    width: 5px;

  }

  	.upperLanguage, .upperIco, .icon {

  		display: inline-block;

  		position: relative;

  	}

  	.upperIco {

  		top: 5px;

  		right: 30px;

  	}

	.upperLanguage {

		top: 5px;

	}

  	.icon {

  		width: 28px;

  		height: 28px;

  		position: relative;

  		display: inline-block;

  		background-size: contain;

  	}

  	.facebook {

  		background: url('img/Fb_1-01.png');

  		background-size: contain;

  	}

  	.facebook:hover {

  		background: url('img/Fb_2-01.png');

  		background-size: contain;

  	}

  	.instagram {

  		background: url('img/Inst_1-01.png');

  		background-size: contain;

  	}

  	.instagram:hover {

  		background: url('img/Inst_2-01.png');

  		background-size: contain;

  	}

  	.youtube {

      background: url('img/You_1-01.png');

      background-size: contain;

    }

    .youtube:hover {

      background: url('img/You_2-01.png');

      background-size: contain;

    }

    .viber {

      background: url('img/Viber_1-01.png');

      background-size: contain;

    }

    .viber:hover {

      background: url('img/Viber_2-01.png');

      background-size: contain;

    }

  	.en {

  		background: url('img/EN_1-01.png');

  		background-size: contain;

  	}

  	.en:hover {

  		background: url('img/EN_2-01.png');

  		background-size: contain;

  	}

  	.ua {

  		background: url('img/UA_1-01.png');

  		background-size: contain;

  	}

  	.ua:hover {

  		background: url('img/UA_2-01.png');

  		background-size: contain;

  	}





 

  	.logo {

  		left: 70px;

  		position: relative;

  		display: inline-block;

  		width: 400px;

  		height: 93px;

  		background: url('img/Logo-01.png') no-repeat;

  		background-size: contain;

  	}



  	.menuMain {



  		width: 100.09%;

  		height: 30px;

  		position: relative;

  		display: inline-block;

  		background: #377876;

  	}



  	.blueLine {

  		position: relative;

  		width: 100%;

  		height: 30px;

  		background: #377876;

  	}

  	.shDown {

  		z-index: 2;

-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);

box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);

  	}





  	.slider {

  		position: relative;

  		width: 100%;

  		z-index: 1;

  		

  	}







  	.workspace {

  		text-align: left;



  		position: relative;

  		width: 90%;

  		min-height: 300px;

  	}



  	.title {

  		font-size: 28pt;

  		color: #2D2E29;

      position: relative;

      display: block;

      margin-bottom: 20px;

  	}

  	.supTitle, .supTitle > a {

  		font-size: 16pt;

  		color: #344C5F;

      position: relative;

      display: inline-block;

      top: 1px;

  	}

    .supTitle > a:hover {

      text-decoration: underline;

      color: #B34F4A;

    }



    .block {

      position: relative;

    }



    .articleImg {

      float: left;

      position: relative;

      /*

      width: 220px;

      height: 220px;

*/



width: 13vw;

height: 13vw;

      background-size: contain !important;

      display: block;

      margin-right: 10px;

    }



    .articleTitle {

      margin: 0px;

      margin-left: 10px;

      font-size: 26pt;

      font-style: bold;

      font-family: FuturaMediumC;

      position: relative;

      color: #2D2E29;

      transition: all 50ms linear;

     

    }



.articleTitle:hover {

  color: #B34F4A;

}



    .articleText {

      overflow: hidden;

      text-overflow: ellipsis;

      font-size: 16pt;

      font-family: FuturaMediumC;

      position: relative;

      color: #656660;

    }



.articleSign {



  position: relative;

  background: #FF0;

  bottom: 0px;

}



.articleSign > div {

  font-size: 12pt;

  font-style: bold;

  font-family: FuturaMediumC;

  float: left;

}



.articleSign > a {

  position: relative;

  font-size: 15pt;

  font-style: bold;

  font-family: FuturaMediumC;

  float: right;

  color: #344C5F;

  right: 10px;

}





.footer {



position: relative;

width: 100%;

/*height: 360px;*/

background: #377876;







}





.footerTable {

position: relative;

width: 90%;

height: 100%;





}



.footerTd, .footerTable > tr, .footerTable {

border-spacing: 0px;



}



.footerTd {

  text-align: left;

  width: 33.33333%;

  position: relative;

  

}



.eventDate {

  padding: 5px;

  text-align: center;

  

  width: 50px;

  height: 50px;

 

  position: relative;

  float: left;

  background: #377876;

  color: #FFF;

  font-size: 18pt;

  font-family: FuturaMediumC;

}



.eventBlock {

position: relative;

margin-left: 60px;

background: #DCDDD8;



}



.eventTitle {

  display: inline-block;

  position: relative;

  color: #377876;

   font-size: 14pt;

  font-family: FuturaMediumC;

  padding-left: 10px;

  transition: all 50ms linear;



}



.eventTitle:hover {color: #B34F4A;}



.eventDesc {

  position: relative;

  display: inline-block;

  padding: 10px;

  color: #656660;

  font-size: 12pt;

  font-family: FuturaMediumC;



}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.singlePage a {

color: #377876;

text-decoration: none;

}

.singlePage a:hover {

color: #B34F4A;

text-decoration: underline;

}

.singlePage > p > img {
    max-width: 100%;
    height: auto;
}
    .singlePage > p {
text-indent: 0px !important;
}






.rmore {

  position: relative;

  font-family: FuturaMediumC;

  transition: all 50ms linear;

}



.rmore:hover {

  text-decoration: underline;

  color: #B34F4A;

}



.footerLogo {

  top: 20px;

#background: url("img/kmulogo.png");
background: url("https://dimh.kmu.edu.ua/wp-content/uploads/2023/04/dimhlogo.png");



width: 10vw;

height: 10vw;

position: relative;

display: inline-block;

background-size: 100%;

}



.logoMON {

  cursor: pointer;

  position: relative;

  width: 15vw;

  height: 3vw;

  background: url("img/MON_1-01.png");

  background-size: 100%;

  display: inline-block;

  opacity: 1;

  transition: all 100ms linear;

}

.logoMOZ {

  cursor: pointer;

  position: relative;

  width: 13.5vw;

  height: 9vw;

  background: url("img/MOZ_1-01-01.png");

  background-size: 100%;

  display: inline-block;

  opacity: 1;

  transition: all 100ms linear;

}


.logoEvent {

  cursor: pointer;

  position: relative;

  width: 15.5vw;

  height: 43px;

  background-image: url("/wp-content/uploads/2025/03/logo_center.png");

  background-size: 100%;

  display: inline-block;

  opacity: 1;

  transition: all 100ms linear;

}

.logoEvent2 {

  cursor: pointer;

  position: relative;

  width: 15.5vw;

  height: 4vw;

  background-image: url("img/event2.png");

  background-size: 100%;

  display: inline-block;

  opacity: 1;

  transition: all 100ms linear;

}

.logoMOZ:hover, .logoMON:hover, .logoEvent:hover, .logoEvent2:hover {

opacity: 0.5;

  }



.outLineVr {

position: relative;

width: 0.5vw;

min-height: 30px;

background: rgb(0, 28, 72);

display: inline-block;

margin-right: 30px;

float: left;

}



.sliderPar {

vertical-align: middle ;

position: relative;

width: 76vw;

margin: 0px 5%;

left: 2.5%;

}



.leftArr {

  cursor: pointer;

  position: absolute;

  background: url("img/pointer_l-01.png") no-repeat;

  height: 100%;

  width: 6vw;

background-size: contain;

left: -5.1vw;

}

.rightArr {

  cursor: pointer;

  position: absolute;

  background: url("img/pointer_r-01.png") no-repeat;

  height: 100%;

  width: 6vw;

background-size: contain;

right: -6vw;

top: 0px;

}



.sliderPar img {

 position: relative;

 padding-top: 10px;

}

.contentLink {
  color: #011C46 !important;
  margin: 2px 0px;
  position: relative;
  display: block;
  background: #C3C4BF; 
  font-size: 14pt; 
  padding: 5px 0 2px 12px;
}



.faculty-content {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14pt;
}
.faculty-map {
  width: calc(100% - 20px);
  height: 300px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px
}

.block-faculty {width: calc(80% + 20px); text-align: center;}
.faculty-m-b {margin-bottom: 10px;}

.faculty-logo-wrapper {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}
.attachment-faculty-logo, .faculty-logo-wrapper > img {
  position: relative;
  display: block;
  width: 50%;
  height: auto;
  margin: auto;
  user-select: none;
}


.faculty-subtitle {
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 0px;
  text-align: center;
  background-color: #001C48;
  color: #FFF;
  font-size: 16pt;
}
.faculty-table {
  position: relative;
  width: 100%;
}
.faculty-table  tr > td:nth-child(1) {
  position: relative;
  width: 40%;
  padding-right: 5%;
  text-align: right;
}
.faculty-table  tr > td:nth-child(2) {width: 55%; text-align: left;}



.faculty-control-panel {
  position: relative;
  width: 100%;
}


.tabs input[type="radio"] {
      display: none;
    }
.tabs label {
  position: relative;
  display: inline-block;
  padding: 8px 15px;
  min-width: 100px;
  height: 20px;
  font-size: 14pt; 
  cursor: pointer;
  border: 1px solid #001C48;
  color: #001C48;
  border-radius: 0px;
  text-align: center;
  user-select: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tabs input[type="radio"]:checked+label {
      background-color: #001C48; color: #FFF;
}

.faculty-content-tab {
  position: relative;
  z-index: 10;
  transition: all .3s linear;
  display: none;
}

#tab-btn-0:checked~#content-0,
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-8:checked~#content-8 {
  visibility: visible; display: block;
}
.faculty-content {color: #272727; font-family: 'Rubik', sans-serif;}
.faculty-content a {color: #001C48;}

h4.wp-block-heading{
	padding: 3px;
    background-color: #001c48;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

div.lising ul{
	border-bottom: solid 1px #001c48;
    padding-bottom: 14px;
}

ol.new_ol li {
	text-indent: 0 !important;
}

ol.new_ol li strong {
	font-size: 20px;
	color: #002346;
}

.list1b {
	margin: 20px 0 0;
	padding:0;
	list-style: none;
	counter-reset: li;
}
.list1b li {
	border: 2px solid #DDDDDD;
	background: #FAFAFA;
	position: relative;
	margin-bottom: 20px;
	padding: 16px 10px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.list1b li:hover {
	z-index: 1;
	border: 2px solid #ADCEE9;
}
.list1b li:before {
	border: 2px solid #377876;
	position: absolute;
	top: -14px;
	padding: 2px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #337AB7;
	background: #F7FAFD;
	counter-increment: li;
	content: counter(li);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.list1b li:hover:before {
	border: 2px solid #337AB7;
	background: #377876;
	color: #FFF;
	-webkit-transform: translate(-12px, 0);
	-ms-transform: translate(-12px, 0);
	-o-transform: translate(-12px, 0);
	transform: translate(-12px, 0);
}
.list1b li:after {
	content: "";
	position: absolute;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: width;
	transition-property: width;
	z-index: -1;
	background: #F0F5FB;
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
}
.list1b li:hover:after {
	width: 100%;
}