/*------------------------------------------------------------------

              ____  Main Style Stylesheet  _____

    ----------------< About This Temlate>------------------

---->  Project:        Web Application Blog

---->  Version:        1.0

---->  Author:         Abdelaziz Majdi

---->  Contact:        AbdelazizMajdi@gmail.com

---->  Primary use:    Blog , School

---->  Date :           26/01/2021

-------------------------------------------------------------------*/

/*------------------------------------------------------

  ----------------< Start Global Rules >---------------

-------------------------------------------------------*/



* {

  font-family: 'Raleway', sans-serif;

}

body {

  background-color: #f8f8f8;

}

/*start navbar*/

/*.main-nav {*/

/*  border-radius: 0 0 6px 6px;*/

/*}*/

/* @media (min-width:992px) {

.main-nav a.nav-link {

  color: #fff !important;

  transition: .4s all;

}

} */
.navbar-nav .dropdown-menu-majdi {

  float: none ;
  width: fit-content;
}
.navbar-collapse-majdi {
    width: 180px;
    border: 1px solid #dbdbdb;
}

.main-nav a.nav-link:hover {

  color: #000 !important;

}
.my-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}


/* Start Fast Contact*/

.fast-contact {

  position: fixed;

  z-index: 444;

  bottom: 105px;

  right: 0;

}

.fast-contact i{

  display: block;

  font-size: 25px;

  border-radius: 3px 0 0 3px;

  width: 34px;

  height: 34px;

  text-align: center;

  line-height: 1.4;

  transition: .3s all;

}

.fast-contact a:hover i {

  background: #5d5d5d;

}

.fast-contact i.call-whats{

  background: #25d366;

  color: #ffffff;

}

.fast-contact i.call-call {

  background: #2196f3;

  color: #ffffff;

}

/* End Fast Contact */

/*start Side bar One*/

.sidebar-one {

  margin: 8px;

}

.sidebar-one > div {

    background-color:#fff;

}

.sidebar-one h4{

  background: #fff;

  padding: 2px 12px;

  font-weight: bold;

  color: #666;

}

.sidebar-one .media-so a{

  display: inline-block;

  font-size: 17px;

  background: #004085;

  color: #fff;

  padding: 3px;

  border-radius: 4px;

  margin: 2px;

  width: 30px;

  height: 30px;

  text-align: center;

}

.sidebar-one .nav li {

  transition: .3s all;

}

.sidebar-one .nav li:hover {

  transform: translatex(3px);

}

.sidebar-one .media-so .face{

  background:#3b5998 !important

}

.sidebar-one .media-so .linked{

  background:#e68523 !important

}

.sidebar-one .media-so .reserch{

  background:#fbbb22 !important

}

.sidebar-one .media-so .arxiv{

  background:#01cd74 !important

}

.sidebar-one .media-so .inspire{

  background:#fff000 !important

}

.sidear-one .waths{

    background-color: #0bce37!important;

}

.sidear-one .pcall{

    background: #2196f3!important;

}

.sidebar-one .category-side ul li {

    display:inline-block;

    margin-bottom:7px;

}

.sidebar-one .category-side {

    padding-left:4px;

}

.sub-menu-nav {

    background-colo:#fff

}

.sidebar-one .category-side ul li a {

  background: #fff;  

    color: #58bcb3;

    background: #ffffff;

    font-size: 16px;

    padding: 2px 9px;

    text-decoration:none;

    border-radius: 2px;

    margin: 0px 3px;

    border: 1px solid #58bcb3;

    transition:.5s ease;

}

.sidebar-one .category-side ul li:hover a {

    color:#fff!important;

    background-color:#666;

}

.sidebar-one .category-side ul li a i {

    margin-left: 5px;

}

/*header poster*/

.header-poster {

    margin-top: -24px;

    border-style: inset;

    border-right: 1px solid #fff;

    border-top: 0;

    border-left: 0;

    border-bottom: 0;

}

/* End header poster*/

/*Start my slider section */

.my-slider {

    margin-top: -25px !important;

}

.my-slider .slick-prev,

.my-slider .slick-next {

  background: #4c4c4cad;

  width: 50px;

  height: 50px;

  z-index: 1;

  transition: 1s;

  opacity: .5;

}

.my-slider .slick-prev:hover,

.my-slider .slick-next:hover {

  opacity: 1;

}

.my-slider .slick-prev {

  left: -100px;

}

.my-slider .slick-next {

  right: -100px;

}

.my-slider:hover .slick-prev {

  left: 0;

}

.my-slider:hover .slick-next {

  right: 0;

}

.my-slider .slider-item {

  position: relative;

}

.my-slider .slider-item .slider-txt {

  overflow: hidden;

  position: absolute;

  width: fit-content;

  height: max-content;

  position: absolute;

  top: 50%;

  left: 50%;

  padding: 14px;

  padding: 10px;

  transform: translate(-50%, -50%);

}

.my-slider .slick-active .slider-txt {

  transform: translate(-50%, -50%) !important;

  opacity: 1;

  transition: 1s;

}

.my-slider .slider-item .slider-txt h2 {

  font-size: calc(3vw + 10px);

  color: #ffffff;

  font-weight: bold;

  text-shadow: 1px 1px 1px #000;

  text-transform: capitalize;

  

  transform: translate(-1183px);

  opacity: 0;

}

.my-slider .slider-txt h3 {

  font-size: calc(3vw + 4px);

  font-weight: 400;

  text-shadow: 1px 0px 1px #fff;

  text-transform: capitalize;

  transform: translate(1183px);

  opacity: 0;

}

.my-slider .slick-active .slider-txt h2,

  .my-slider .slick-active .slider-txt h3 {

  

  transition: 1.5s;

  transform: translate(0px);

  opacity: 1;

}



/* ===========End Slider*/

/* Start Content*/

.content article {

  background: #fff;

  padding: 5px;

  border: 1px solid #eee;

  border-radius: 3px;

}

.content article img {

  transition: .3s all;

}

.content article:hover img{

  filter: blur(2px);

}

.content article .info-post{

  color: #777;

  font-weight: bold;

  font-size: 14px;

}

.content article .post-text {

  line-height: 1.8;

  color: #505050;

}

.content article .btn{

  background-color: #58bcb3 !important;

}

.content article .btn:hover {

  background-color: #38635f !important;

}

/* End Content*/

/*start Side bar Two*/

.sidebar-two {

  margin: 8px;

}

.sidebar-two h4{

  background: #fff;

  padding: 2px 12px;

  font-weight: bold;

  color: #666;

}

.sidebar-two .home-profile {

  border: 1px solid #ddd;

  margin: 0 0px 30px 0;

  border-radius: 4px;

  background: #fff;

}

.sidebar-two .most-popular .most-popular-item {

  transition: .4s all;

}

.sidebar-two .most-popular .most-popular-item:hover {

  box-shadow: 0px 5px 10px -3px #aaa;



}

/*start pagination*/

ul.pagination {

  margin: 20px auto;

  box-shadow: #ddd 1px 1px 4px 0px;

  width: fit-content;

}

/* End Pagination*/

/*

____________________________

Start footer

____________________________

*/

footer .footer-item img {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    margin: auto;

}

footer .footer-item hr {

    width: 100px;

    background: #bfbfbf;

    margin: 20px auto;

}

footer .footer-item ul {}

footer .footer-item li {

    display:inline-block;

}

footer .btn:hover {

    background-color: #58bcb3 !important;

}

footer .btn {

    border-color: #58bcb3 !important;

    color: #58bcb3 !important;

}

/*End fooer*/



/*

____________________________

Start Login Page

____________________________

*/

.login-page {

  background-image: url(../img/back.jpg);

  background-size: cover;

  position: relative;

  height: 100vh;

}

.login-page .login-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  backdrop-filter: blur(2px);

  background: linear-gradient(

119deg

, black, transparent);

}

.all-forms {

  z-index: 111;

  position: absolute;

  transform: translate(-50%, -50%);

  top: 50%;

  left: 50%;

  background: white;

}



/*

________

End

Login Page

________

*/





/*



start cv page

*/

.div-cv {

    background: linear-gradient(

45deg

, white, transparent);

    padding: 12px;

    border: 1px solid #ccc;

    border-radius: 4px;

}

.title-cv {

background: linear-gradient(45deg, #58bcb3, transparent);

    padding: 8px;

    border: 1px solid #ccc;

    border-radius: 3px;

    margin: 11px 0px;

    color: white;

}

.cv-info {

    background: white;

    padding: 12px;

    border: 2px dashed #58bcb3;

    border-radius: 4px;

}

.cv-info p, .page-cv li {

    margin-bottom: 11px;

}

.cv-img p {

    background: white;

    padding: 12px;

    border: 1px solid #58bcb3;

    border-radius: 4px;

    font-weight: lighter;

    margin-top: 14px;

}



/*

End CV Page

*/

/*Frame*/

.header-page h2{

  font-size: calc(20px + 5vw);

  text-align: center;

}

@media (min-width:992px) {

    .style-bg-a {

  /*background-color: #58bcb3 !important;*/

  background-image:url(../img/Addheading.jpg);

  background-size: 44% 160%;

}

}

.custom-shafow-border {

  border: 1px solid #ddd;

  box-shadow: 0px 1px 5px 1px #aaa;

  border-radius: 3px;

}

.main-color {

  color: #58bcb3;

}

.line-h-letter-s{

  line-height: 1.7;

  letter-spacing: 1px;

}