/* Define color pallette */
:root {
  --sunglow: #FDC921;
  --mustard: #FDD85D;
  --babypowder: #FFFDF7;
  --nonphotoblue: #99D6EA;
  --saphireblue: #1267A1;
  --grey-900: #252525;
  --grey-800: #414040;
  --grey-700: #5C5B5A;
  --grey-600: #777674;
  --grey-500: #92918E;
  --grey-400: #AEACA9;
  --grey-300: #C9C7C3;
  --grey-200: #E4E2DD;
  --sunglow-900: #281F00;
  --sunglow-800: #654E01;
  --sunglow-700: #A27C02;
  --sunglow-600: #DEAB02;
  --sunglow-400: #FDD550;
  --sunglow-300: #FEE080;
  --sunglow-200: #FEF0C0;
  --sunglow-100: #FFF7DF;
  --saphireblue-900: #01070B;
  --saphireblue-800: #051E2E;
  --saphireblue-700: #093450;
  --saphireblue-600: #0E517E;
  --saphireblue-400: #1991E1;
  --saphireblue-300: #55AFEC;
  --saphireblue-200: #AAD7F6;
  --saphireblue-100: #EAF5FD;
}

/* ----------------------------- General Rules ------------------------------ */
.view-article #sp-main-body,
.view-category #sp-main-body {
  padding: 50px 0;
}

.view-article #sp-main-body .page-header {
  display: none;
}

.view-article #sp-main-body .article-header h2 {
  font-size: 40;
  line-height: 45px;
  font-weight: 400;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 17%);
}

.view-article #sp-main-body .article-header h1,
.view-category #sp-main-body .page-header h1 {
  font-size: 50px;
  line-height: 70px;
  font-weight: 400;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 17%);
}

.view-article .article-full-image {
  text-align: center;
}

p:last-child {
  margin-bottom: 0px;
}

.article-info > span {
  font-size: 15px;
  display; none;
}
/* --------------------------- End General Rules ---------------------------- */
/* ------------------------------- Buttons ---------------------------------- */

.btn img {
  display: inline-block;
}

.btn-blue {
  display: inline-block;
  background-color: #1267a1;
  color: white;
  font-size: 16px;
  line-height: 26px;
  padding: 10px 30px;
}

.btn-blue:hover {
  background-color: #99d6ea
}

.btn-yellow {
  background-color: var(--sunglow);
  color: var(--grey-900);
  font-size: 16px;
  line-height: 26px;
  padding: 10px 30px;
}

.btn-yellow:hover {
  background-color: var(--sunglow-300);
}

.btn-full-width {
  display: block;
}

/* ---------------------------- End Buttons --------------------------------- */
/* ----------------------------- News Home Page ----------------------------- */

.news-homepage .sppb-articles-carousel-img {
  display: none;
}

.news-homepage div.bx-wrapper .bx-controls-direction a {
  color: #fffdf785;
}

.news-homepage div.bx-wrapper .bx-controls-direction a:hover {
  color: #fff;
}

.news-homepage .bx-wrapper .bx-pager.bx-default-pager a:hover,
.news-homepage .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}

.news-homepage .sppb-articles-carousel-meta-date::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  margin-right: 5px;
}

.news-homepage .sppb-articles-carousel-content .sppb-articles-carousel-link {
  margin-top: 30px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-shadow: 0px 0px #fff;
}

.news-homepage .sppb-articles-carousel-content .sppb-articles-carousel-introtext {
  margin-top: 30px;
}

.news-homepage .sppb-articles-carousel-content .sppb-articles-carousel-meta-category a {
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* --------------------------- End News Home Page --------------------------- */

/* ------------------------------------ HEADER -------------------------------------- */

#sp-header .container {
  max-width: 1400px;
}

/* ---------------------------------- END HEADER ------------------------------------ */

/* ------------------------------ MAIN MENU --------------------------------- */

.sp-megamenu-wrapper .sp-megamenu-parent > .sp-menu-item a {
  margin: 0px 10px;
}

.sp-megamenu-wrapper .sp-megamenu-parent > .sp-menu-item:first-child a {
  margin-left: 0px;
}

.sp-megamenu-wrapper .sp-megamenu-parent > .sp-menu-item:last-child a {
  margin-left: 0px;
}

/* ---------------------------- END MAIN MENU ------------------------------- */

/*---------------------- MAIN MENU HOVER ANIMATION ---------------------------*/
.sp-megamenu-parent > .sp-menu-item > a {
  position: relative;
  padding: 0px;
  margin: 0 15px;
}

.sp-megamenu-parent > .sp-menu-item > a::before {
  content: "";
  position: absolute;
  bottom: 28px;
  display: block;
  height: 2px;
  width: 0%;
  background-color: var(--nonphotoblue);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.sp-megamenu-parent > .sp-menu-item:hover > a::before {
  opacity: 1;
  width: 100%;
}

/*-------------------- END MAIN MENU HOVER ANIMATION -------------------------*/

/*----------------------------- MEGAMENU SUBMENU -----------------------------*/
.side-sub-sub-menu .sp-dropdown .sp-dropdown-inner {
  padding: 40px 50px;
  height: 360px;
  background: #99D6EA;
}

.side-sub-sub-menu .sp-mega-group {
  width: 300px;
}

.side-sub-sub-menu .sp-mega-group .menu_item.item-header:hover {
  background: linear-gradient(to right,transparent 0,rgba(0,0,0,.1) 100%)!important;
}

.side-sub-sub-menu .sp-mega-group .menu_item.item-header > a {
  padding: 8px 20px;
  font-size: 16px;
  text-transform: none;
  line-height: 1.25;
}

.side-sub-sub-menu .sp-mega-group .sp-mega-group-child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 365px;
  padding-top: 40px;
  width: calc(100% - 380px);
  height: 100%;
  background: linear-gradient(to left, transparent 0, rgba(0,0,0,.1) 100%)!important;
  transition: opacity .2s ease-in;
}

.side-sub-sub-menu .sp-mega-group .menu_item.item-header:hover .sp-mega-group-child {
  visibility: visible;
  opacity: 1;
}

.side-sub-sub-menu .sp-mega-group .sp-mega-group-child .sp-menu-item:hover {
  background: linear-gradient(to right ,transparent 0, #99D6EA 100%)!important;
}

.side-sub-sub-menu .sp-mega-group .sp-mega-group-child .sp-menu-item a {
  padding: 8px 30px;
  line-height: 1.25;
  color: rgba(69, 69, 69, 0.7);
}

.side-sub-sub-menu .sp-mega-group .sp-mega-group-child .sp-menu-item:hover a {
  color: rgba(69, 69, 69, 1);
}
/*--------------------------- END MEGAMENU SUBMENU ---------------------------*/

/* ----------------------------- BREADCRUMBS -------------------------------- */

#sp-breadcrumbs .breadcrumb {
  margin-bottom: 0px;
}

#sp-breadcrumbs .breadcrumb .float-start {
  display: none;
}

#sp-breadcrumbs .breadcrumb {
  max-width: 1320px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--babypowder);
}

#sp-breadcrumbs .breadcrumb li::before,
#sp-breadcrumbs .breadcrumb li a {
  color: var(--grey-900);
  opacity: 0.65;
}

#sp-breadcrumbs .breadcrumb li a:hover {
  opacity: 1;
}

#sp-breadcrumbs .breadcrumb li.active span {
  color: var(--grey-900);
}

.com-sppagebuilder #sp-breadcrumb {
  position: absolute;
  z-index: 10;
  width: 100%;
  background-color: #fffdf77d;
}

.com-sppagebuilder #sp-breadcrumbs .breadcrumb {
  background-color: transparent;
}

/* ---------------------------- END BREADCRUMBS ----------------------------- */

/* ----------------------------- PAGE TITLE --------------------------------- */
#sp-title h1 {
  font-size: 50px;
}
/* ------------------------------- END PAGE TITLE --------------------------- */
/* Box-shadow -> Conducerea Primariei */

.person-profile  {
  box-shadow: 0 2px 4px 0px rgb(0 0 0 / 15%);
  transition: all .3s ease;
}

.person-profile:hover {
  box-shadow: 0 45px 35px -20px rgb(0 0 0 / 15%);
}

.person-profile .sppb-addon-content {
  padding-bottom: 20px;
}

.person-profile .sppb-addon-content p {
  width: 100%;
}

.person-profile .sppb-addon-content img {
  width: 100%;
  object-fit: cover;
}

.person-profile a:not(.btn) {
  position: relative;
}

.person-profile a:not(.btn)::before {
  position: absolute;
  left: -15px;
  content: '\f105';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  opacity: 0;
  transition: all 0.35s ease;
}

.person-profile a:not(.btn):hover::before {
  opacity: 1;
  transform: translate(5px);
}

/*---------------------------- SCROLL DOWN BUTON -----------------------------*/
.scroll-down a {
  position: absolute;
  bottom: -85px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  text-shadow: 0px 3px 2px rgb(0 0 0 / 25%);
  transition: opacity .3s;
}
.scroll-down a:hover {
  opacity: .5;
}

.scroll-down a {
  padding-top: 70px;
}
.scroll-down a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
/*-------------------------- END SCROLL DOWN BUTON ---------------------------*/

/* ------------------------ CATEGORY BLOG PAGE TYPE ------------------------- */

.view-category.layout-blog .article {
  height: calc(100% - 30px);
  box-shadow: 0 2px 4px 0px rgb(0 0 0 / 15%);
  transition: all .3s ease;
}

.view-category.layout-blog .article:hover {
  box-shadow: 0 45px 35px -20px rgb(0 0 0 / 15%);
}

.view-category.layout-blog .article .article-header a {
  color: var(--saphireblue-600);
}

.view-category.layout-blog .article .readmore a {
  margin-top: 10px;
  display: inline-block;
  padding: 8px 15px;
  background-color: var(--saphireblue);
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}

.view-category.layout-blog .article .readmore a:hover {
  background-color: var(--nonphotoblue);
  color: #252525;
}

.view-article.layout-blog .article-full-image img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

/* ---------------------- END CATEGORY BLOG PAGE TYPE ----------------------- */

/* ----------------------------- NAVIGATION BOXES --------------------------- */

.nav-boxes ul {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.nav-boxes ul li {
  flex: 1 1 0;
  margin-bottom: 30px;
}

.nav-boxes ul li a {
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 900;
  transition: all .3s ease;
}

.nav-boxes ul li:nth-child(5n+1) a {
  background-color: #1991E1;
}

.nav-boxes ul li:nth-child(5n+2) a {
  background-color: #0E517E;
}

.nav-boxes ul li:nth-child(5n+3) a {
  background-color: #55AFEC;
}

.nav-boxes ul li:nth-child(5n+4) a {
  background-color: #051E2E;
}

.nav-boxes ul li:nth-child(5n+5) a {
  background-color: #093450;
}

/* -------------------------- END NAVIGATION BOXES -------------------------- */

.sppb-addon.sppb-addon-text-block.sppb-text-center.person-profile .sppb-addon-content {
	align-items: center;
	display: flex;
	flex-direction: column;
}

/* -------------------------- RESPONSIVENSS -------------------------- */
/*---------------Large devices (desktops, less than 1400px)------------------*/

@media (max-width: 1399.98px) {
.sp-megamenu-parent > .sp-menu-item > a {
    font-size: 14px;
  }

  .sp-megamenu-wrapper .sp-megamenu-parent > .sp-menu-item a {
    margin: 0px 7px;
  }

  div.bx-wrapper .bx-controls-direction a {
    left: -50px;
  }

  div.bx-wrapper .bx-controls-direction a.bx-next {
    left: -20px;
  }

  #sppb-addon-1655291992493 {
	   padding: 100px 100px 50px 50px;
  }

  .nav-boxes ul {
    gap: 20px;
  }
}

/*----------------- Large devices (desktops, less than 1200px) ---------------*/
@media (max-width: 1199.98px) {
    .d-block {
      display: none !important;
    }

    #sp-logo.col-12.col-xl-2.d-none.d-xl-block{
      display: flex !important;
    }

    .col-12 {
      width: 106px;
    }

    #sp-contact.col-6.col-xl-5 {
      width: 43%
    }

    #sp-social.col-6.col-xl-5 {
      width: 45%;
    }

    .sp-megamenu-parent > .sp-menu-item > a {
      font-size: 12px;
    }

    .sp-megamenu-wrapper .sp-megamenu-parent > .sp-menu-item a {
      margin: 0px 4px;
    }

    .d-flex.justify-content-end.justify-content-xl-center.align-items-center {
      justify-content: center !important;
    }

    .col-lg-9.col-6.col-xl-12 {
      width: 100%;
    }

    .sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a {
      width: 20px;
    }

    .bx-wrapper .bx-viewport {
      max-height: 600px;
    }

    #sppb-addon-1657618349822 ul li a {
      padding-top: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      padding-left: 15px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .sppb-articles-carousel-meta.sppb-articles-carousel-link > a {
      font-size: 24px;
    }
}

  /*------------- Medium devices (tablets, less than 992px) --------------------*/
  @media (max-width: 991.98px) {
    #sp-header-topbar {
      display: none;
    }

    .d-block {
      display: block !important;
    }

    .col-lg-9.col-6.col-xl-12 {
      width: 50%;
    }

    .d-flex.justify-content-end.justify-content-xl-center.align-items-center {
      justify-content: flex-end !important;
    }

    #sp-header {
      height: 80px;
      padding-top: 5px;
    }

    .sp-megamenu-wrapper.d-flex {
      position: relative;
      top: 5px;
    }

    #section-id-1655220702974 .sppb-container-inner .sppb-row.sppb-no-gutter.sppb-align-center {
      display: flex;
      flex-flow: column-reverse;
    }

    .scoll-down {
      display: none;
    }

    .scroll-down a {
      display: none;
    }

    #column-id-1655220703003 .sppb-column-addons {
      top: 30px;
    }

    #section-id-1655392752377 .sppb-row-container .sppb-row {
      gap: 10px;
    }

    #sp-logo.col-12.col-xl-2.d-none.d-xl-block {
      padding-left: 7px;
    }

    .logo-image-phone.d-inline-block.d-lg-none.lazyloaded {
      height: 70px;
    }

    .col-12 {
      width: 90px;
    }

    #sp-social.col-6.col-xl-5 {
      width: 40%
    }
    
    .nav-boxes ul li { 
        flex: 1 1 100%;
    }
}

/* ------------ Small devices (landscape phones, less than 768px) ----------- */
  @media (max-width: 767.98px) {
    #sp-contact.col-6.col-xl-5 {
      display: none;
    }

    .sp-contact-info {
      display: none;
    }

    #sp-header-topbar {
      display: none !important;
    }

    .d-block {
      display: block !important;
    }

    .col-lg-9.col-6.col-xl-12 {
      width: 50%;
    }

    .d-flex.justify-content-end.justify-content-xl-center.align-items-center {
      justify-content: flex-end !important;
    }

    #sp-header {
      height: 80px;
      padding-top: 5px;
    }

    .sp-megamenu-wrapper.d-flex {
      position: relative;
      top: 5px;
    }

    #live-webcam {
      width: 100% !important;
    }

  }

/* -------------------------- END - RESPONSIVENSS -------------------------- */
.published {
    display: none !important
}
}