/*=============================================
=            CUSTOM PROGETTO AMBIENTE         =
===============================================

01. MAIN SETTINGS
  -- Colors
  -- Alpha
  -- Font

02. MAIN BACKGROUND
03. Titles and Text
04. Sidebar
05. Header
06. Footer
07. Form
08. Select


=====  End of CUSTOM PROGETTO AMBIENTE  ======*/

/*=============================================
=             01. MAIN SETTINGS              =
=============================================*/

:root {
  /* Colors */
  --main_yellow: #dea72f;
  --RGB_main_yellow: 222, 167, 47; /** use it to apply alpha values */

  --dark_yellow: #7a6126;
  --RGB_dark_yellow: 122, 97, 38;

  --mid_yellow: #b08a36;
  --RGB_mid_yellow: #b08a36;

  --light_yellow: #f6cb54;
  --RGB_light_yellow: 246, 203, 84;

  --main_gray: #323434;
  --RGB_main_gray: 50, 52, 52;
  --mid_gray: #6b6b6b;
  --light_gray: #cfcccc;

  --text_gray: #525252;
  --text_light_gray: #727272;

  --white: #ffffff;
  --RGB_white: 255, 255, 255;

  --black: #000000;
  --RGB_black: 0, 0, 0;

  --main_green: #05a720;
  --alert_red: #bd514c;

  /* Alpha */
  --hight_alpha: 0.8;
  --mid_alpha: 0.5;
  --low_alpha: 0.2;
  /* Eg. Use = background: rgba(var(--RGB_main_gray), var(--low_alpha));*/

  /* Font */
  --main_font: 'Poppins', sans-serif;
}


/*=============================================
=             02. MAIN BACKGROUND             =
=============================================*/

/* student */
.dashboard_main_wrapper .dashboard_part {
  font-family: var(--main_font);
  font-weight: 400;
  color: var(--main_gray);
  background: transparent;
  background-image: -webkit-linear-gradient(
      147deg,
      transparent 0%,
      transparent 8%,
      rgba(228, 166, 48, 0.08) 8%,
      rgba(228, 166, 48, 0.08) 46%,
      transparent 46%,
      transparent 100%
    ),
    linear-gradient(107deg, transparent 0%, transparent 21%, rgba(228, 166, 48, 0.08) 21%, rgba(228, 166, 48, 0.08) 53%, transparent 53%, transparent 100%),
    linear-gradient(288deg, transparent 0%, transparent 35%, rgba(228, 166, 48, 0.08) 35%, rgba(228, 166, 48, 0.08) 91%, transparent 91%, transparent 100%),
    linear-gradient(90deg, rgb(245, 245, 245), rgb(245, 245, 245));
  background-image: -moz-linear-gradient(
      147deg,
      transparent 0%,
      transparent 8%,
      rgba(228, 166, 48, 0.08) 8%,
      rgba(228, 166, 48, 0.08) 46%,
      transparent 46%,
      transparent 100%
    ),
    linear-gradient(107deg, transparent 0%, transparent 21%, rgba(228, 166, 48, 0.08) 21%, rgba(228, 166, 48, 0.08) 53%, transparent 53%, transparent 100%),
    linear-gradient(288deg, transparent 0%, transparent 35%, rgba(228, 166, 48, 0.08) 35%, rgba(228, 166, 48, 0.08) 91%, transparent 91%, transparent 100%),
    linear-gradient(90deg, rgb(245, 245, 245), rgb(245, 245, 245));
  background-image: -o-linear-gradient(
      147deg,
      transparent 0%,
      transparent 8%,
      rgba(228, 166, 48, 0.08) 8%,
      rgba(228, 166, 48, 0.08) 46%,
      transparent 46%,
      transparent 100%
    ),
    linear-gradient(107deg, transparent 0%, transparent 21%, rgba(228, 166, 48, 0.08) 21%, rgba(228, 166, 48, 0.08) 53%, transparent 53%, transparent 100%),
    linear-gradient(288deg, transparent 0%, transparent 35%, rgba(228, 166, 48, 0.08) 35%, rgba(228, 166, 48, 0.08) 91%, transparent 91%, transparent 100%),
    linear-gradient(90deg, rgb(245, 245, 245), rgb(245, 245, 245));
  background-image: linear-gradient(
      147deg,
      transparent 0%,
      transparent 8%,
      rgba(228, 166, 48, 0.08) 8%,
      rgba(228, 166, 48, 0.08) 46%,
      transparent 46%,
      transparent 100%
    ),
    linear-gradient(107deg, transparent 0%, transparent 21%, rgba(228, 166, 48, 0.08) 21%, rgba(228, 166, 48, 0.08) 53%, transparent 53%, transparent 100%),
    linear-gradient(288deg, transparent 0%, transparent 35%, rgba(228, 166, 48, 0.08) 35%, rgba(228, 166, 48, 0.08) 91%, transparent 91%, transparent 100%),
    linear-gradient(90deg, rgb(245, 245, 245), rgb(245, 245, 245));
}

/*=============================================
=             03. Titles and Text             =
=============================================*/
a,
.account_profile_wrapper .account_title h3 {
  color: var(--dark_yellow);
}

a:hover,
.section__title3 h3 {
  color: var(--main_yellow);
}

/*=============================================
=             04. Sidebar             =
=============================================*/

.sidebar ul li a.active, .sidebar ul li a:hover {
  background: var(--light_yellow);
}

.sidebar .logo {
  padding: 25px 40px;
  border-bottom: 1px solid var(--light_gray);
}

.sidebar .logo img {
  width: 180px!important;
  height: 100%;
  -o-object-fit: cover;
  -o-object-position: center;
  object-fit: cover;
  object-position: center;
}

/*=============================================
=             05. Header                     =
=============================================*/

.profile_info .studentProfileThumb {
  border: 1px solid var(--light_gray);
}

.profile_info .profile_info_iner a:hover {
  color: var(--main_yellow);
}

/*=============================================
=             06. Footer                     =
=============================================*/

footer {
  background-color: var(--main_yellow);
  background-image: -webkit-linear-gradient(to right, var(--mid_gray) 0%, var(--main_yellow) 50%, var(--mid_gray) 100% );
  background-image: -moz-linear-gradient(to right, var(--mid_gray) 0%, var(--main_yellow) 50%, var(--mid_gray) 100%);
  background-image: -o-linear-gradient(to right, var(--mid_gray) 0%, var(--main_yellowy) 50%, var(--mid_gray) 100%);
  background-image: linear-gradient(to right, var(--mid_gray) 0%, var(--main_yellow) 50%, var(--mid_gray) 100%);
}

footer .copyright_area .footer_widget .footer_logo img {
  width: 250px!important;
  height: 100%;
  -o-object-fit: cover;
  -o-object-position: center;
  object-fit: cover;
  object-position: center;
}

footer .copyright_area .footer_widget .footer_title h3 {
  color: var(--main_gray);
}

footer .copyright_area .footer_widget .footer_links li a {
  color: var(--white);
}

footer .copyright_area .footer_widget .footer_links li a:hover {
  color: var(--text_gray);
}

footer .copyright_area .footer_widget p {
  color: var(--dark_gray);
}

footer .copyright_area .footer_widget p {
  font-size: 0.8rem;
}

/*=============================================
=             07. Form                     =
=============================================*/

.primary_input4 {
  background: var(--white);
}

.primary_textarea4 {
  background: var(--white);
}

/* drag area */
.account_profile_wrapper .preview_upload .preview_drag {
  border: 1px dotted var(--text_light_gray);
}

.account_profile_wrapper .preview_upload .preview_upload_thumb {
  background: var(--light_gray);
}
/*=============================================
=            08. SELECT            =
=============================================*/
.nice-select {
  background-color: var(--white);
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: var(--main_yellow);
}

.account_profile_wrapper .select2-container--default .select2-selection--single {
  background-color: var(--white)!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--main_yellow);
}