/*
 ==========================
    STYLE CSS CASADILUCE
 ==========================
*/
:root{
  --yellow : #ffb500;
  --orange : #ff6400;
  --red : #ff0000;
  --lithgrey : #f5f5f5;
  --darkgrey: #979797;
  --line_grey : #c4c4c4;
  --ratio: #2bbddd;
}

/**
  * Font width
  * 500 : medium
  * 400 : regular
  Testi
   font-family: 'Quicksand', sans-serif;
  Titoli
   font-family: 'Playfair Display', serif;
*/

/*
==========================
   GENERAL SETTINGS
==========================
*/
html, body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  font-family: 'Quicksand', sans-serif;
}
input, select, option, link, textarea{
  font-family: 'Quicksand', sans-serif;
  text-decoration: none;
  color: inherit;
}

a, span{
  font-family: 'Playfair Display', serif;
  text-decoration: none;
  color: inherit;
}
a:hover, button:hover, link:hover,
select:hover, option:hover, input[type="submit"],
input[type="checkbox"], input[type="ratio"]{
	cursor: pointer;
}

a:hover, a:active, a:focus,
button:hover, button:active, button:focus,
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus{
outline: 0 !important;
}

ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

a[href^="https://wa.me/"]{
  display: block;
}
a[href^="https://wa.me/"]::before{
  content: '';
  display: inline-block;
  background-image: url("https://casadiluce.me/wp-content/themes/casadiluce/media/whatsapp.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 1.1em;
  width: 1.1em;
  margin-right: 3px;
}
/*=======================
  GENERAL CLASS
=======================*/
/* general transition tag a */
.tag_a{
  font-family: 'Quicksand', sans-serif;
  border: 1px solid;
  -webkit-transition: background 0.2s ease-in, color 0.2s ease-in;
  transition: background 0.2s ease-in, color 0.2s ease-in;
  text-transform: uppercase;
}
/* tag a su sfondo immagine (scuro) */
.on_bg{
  border-color: white;
  color: black;
  background: white;
}
.on_bg:hover{
  color: white;
  background: transparent;
}
/* tag a su sfondo bianco */
.on_white{
  border-color: black;
  color: white;
  background: black;
}
.on_white:hover{
  color: black;
  background: white;
}

/* dimensioni in base allo scopo del link */
.continua{
  font-size: 0.9em;
  padding: 0.5em 2em;
}

/* Title in bg-image */
.the_title{
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 3em;
}
.the_sub_title{
  font-size: 1.2em;
  font-weight: 500;
}
.title_1_1, .title_2_1{ /* Titoli nell' immagine*/
  color: white;
}

.title_1_2, .title_2_2{  /* Titoli dei contenuti */
  color: black;
}
.title_2_2{
  line-height: 1.1;
}
.wrap_titles{
  display: grid;
}

.wrap-start{
  position: relative;
  height: auto;
}
.bg-image{
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
  z-index: -1;
}

/* Class for parax */
.bg-attachment{
  background-attachment: fixed;
}

.bg-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.ref-100vh{
  position: fixed;
  height: 0;
  width: 100%;
  top: 100vh;
}

.privacy_policy {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}
/*====================
        HEADER
======================*/
.site-header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  background: white;
}
.main-navigation{
  height: 60px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  position: relative;
  background: white;
}
.bg-header{
  background: white;
}
.site-content{
  margin-top: 60px;
}

.wrap-content-logo {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}

.content-logo, .link-logo, .img-logo{
  height: inherit;
  width: auto;
  padding: 3px 0;
}

.container-primary-menu {
  color: black;
  width: 100%;
  height: calc(100vh - 60px);
  position: fixed;
  top: 60px;
  left: -105%;
  background: white;
  opacity: 0;
  display: -webkit-box;display: -ms-flexbox;display: flex;
  z-index: -1;
}


#primary-menu{
  width: 50%;
  height: 100vh;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
}

#primary-menu a{
  color: black;
  font-size: 2em;
}

#primary-menu a:hover{
  color: var(--orange);
}

#primary-menu li:nth-last-child(2) a{
  color: var(--red);
}
#primary-menu li{
  margin-bottom: 0.6em;
}
#ham{
 	 border: none;
 	 width: 34px;
 	 height: 24px;
 	 cursor: pointer;
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 	 -webkit-transition: .5s ease-in-out;
 	 transition: .5s ease-in-out;
   z-index: 5;
  }
  #ham span{
 	 width:100%;
 	 height: 4px;
 	 border-radius: 2px;
 	 display:block;
 	 position:absolute;
 	 background-color: black;
 	 left: 0;
 	 -webkit-transform: rotate(0deg);
 	 transform: rotate(0deg);
 	 -webkit-transition: .25s cubic-bezier(.45,.05,.55,.95);
   -o-transition: .251s cubic-bezier(.45,.05,.55,.95);
 	 transition: .25s cubic-bezier(.45,.05,.55,.95);
  }
  #ham span:nth-child(1){
 	 top:0px;
  }
  #ham span:nth-child(2),#ham span:nth-child(3) {
 	 top: 9px;
  }

  #ham span:nth-child(4){
 	 top:17px;
  }
  #ham.open span:nth-child(1) {
 	 top: 11px;
 	 width: 0%;
 	 left: 50%;
  }
  #ham.open span:nth-child(2) {
 	 -webkit-transform: rotate(45deg);
 	 transform: rotate(45deg);
   width: 100%;
  }
  #ham.open span:nth-child(3) {
 	 -webkit-transform: rotate(-45deg);
 	 transform: rotate(-45deg);
   width: 100%;
  }
  #ham.open span:nth-child(4) {
 	 top: 11px;
 	 width: 0%;
 	 left: 50%;
  }

.wrap_items_link{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  z-index: 5;
}

/* ===== Image menu ====*/
#container-attachment-menu {
  position: relative;
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrap_images_menu{
  position: relative;
  width: 44%;
  margin: auto;
  height: 50vh;
}

.wrap_layer_withe {
  background: white;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  height: 100vh;
}

.wrap_attachment_menu{
  position: absolute;
  background: white;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  border-left: 1px solid var(--line_grey);
  padding-left: 2em;
}

.wrap_attachment_menu .wrap_image{
  width: 100%;
}
.wrap_attachment_menu img{
  display: block;
  width: inherit;
  height: auto;
}
.wrap_attachment_menu .wrap_titles{
  width: 96%;
  padding-top: 1em;
}
.wrap_attachment_menu .description{
  font-size: 0.9em;
  margin-top: 1em;
}
/* ===== Link menu social ====*/
.wrap-social{
  padding: 0 1em 0 0;
}

.wrap-social .link-social{
  float: left;
  margin: 0 0.8em;
}

.link-social img{
  height: 1.4em;
  display: block;
}

/*=====================
  FOOTER
======================*/
.site-footer{
  width: 100%;
  height: auto;
  background: black;
}

.container-footer-menu{
  width: 50%;
  color: white;
  font-size: 1.2em;
}
#secondary-menu{
  transform: translateX(-50%);
  margin-left: 50%;
}
#secondary-menu li{
  margin: 0.5em 0em;
}
#secondary-menu li a:hover{
  color: var(--orange);
}
#secondary-menu li:last-child{
  color: var(--red);
}

.site-info{
  width: 70%;
  height: auto;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 2em 0;
  margin: auto;
}

.copy-footer{
  width: 70%;
  margin-bottom: 0;
  padding: 1em 0.2em;
  margin: 0 auto 2em;
  border-top: 1px solid var(--lithgrey);
  color: white;
  display: block;
}
.wrap_address_info{
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: baseline;

  padding: 2em 0;
  color: white;
}
.wrap_address_info .textwidget{
  width: 80%;
}
.wrap_sidebar_contacts .textwidget p{
  margin-top: 0;
}

.wrap_map{
  width: 80%;
  height: 100%;
}

.wrap_map iframe{
  width: 360px;
  height: 360px;
  display: block;
}
/* ==== Form contacts ==== */
.wrap_contacts{
  width: 100%;
  height: auto;
  background: var(--lithgrey);
}

.wrap_form_contacts{
  padding: 3em 0;
  width: 70%;
  margin: auto;
}

.form_casadiluce{
  width: 100%;
  margin: auto;
  padding-bottom: 4em;
}

.wrap_two_input{
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form_casadiluce input,
.form_casadiluce textarea,
.form_casadiluce select{
  background: transparent;
  border: 1px solid black;
  border-radius: 0;
  padding: 0.2em 0 0.2em 1em;
}

.form_casadiluce input:not([type=checkbox]),
.form_casadiluce textarea,
.form_casadiluce select {
  margin: 1em 0 0 0;
  width: 100%;
}
.form_casadiluce textarea{
  padding: 1em;
  resize: none;
}
.form_casadiluce input[type=checkbox]{

}

.form_casadiluce input:not([type=checkbox]){
  height: 2em;
}
/*.form_casadiluce input.w50{
  width: calc(50% - 0.5em);
}*/
.wrap_input_w50{
  width: calc(50% - 0.5em);
  display: grid;
}
.form_casadiluce input[name=name]{
  float: left;
}

.form_casadiluce input[name=surname]{
  float: right;
}

.form_casadiluce .my_wrap_input{
  margin-top: 1em;
}
.form_casadiluce .wrap-checkbox{
  margin-bottom: 0.5em;
  margin-right: 1em;
}

.my_wrap_input.textarea{
  margin-top: 1em;
}

.wrap-privacy {
    font-size: 0.8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1em;
}
.text-privacy {
    width: 100%;
    padding-left: 0.5em;
    color: black;
}

.p-footer{
  background: black;
  color: white;
  text-align: center;
  width: 100%;
  display: block;
  padding: 0.1em 0;
}




/****** SUBMIT SPIN *****/
.wrap-submit{
  width: 40%;
  height: auto;
  position: relative;
  margin: 4em auto 0;
}

.wrap-submit .submit_form{
  width: 100%;
  height: 2.4em;
  background: black;
  border: 1px solid white;
  color: white;
  border-color: black;
  border-radius: 0;
  -webkit-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}

.wrap-submit .submit_form:hover{
  background: transparent;
  color: black;
}

.wrap-load{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: black;
  text-align: center;
  padding: 2px 0;
}
.wrap-load img{
  height: 100%;
  margin: auto;
  -webkit-animation: spin 0.5s linear infinite;
          animation: spin 0.5s linear infinite;
}
.load-index{
  z-index: 1;
}
@-webkit-keyframes spin {
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/* ==== Newsletter ===== */
.wrap_section_page.newsletter{
  padding: 6% 0;
  color: black;
  flex-direction: column;
}
.wrap_section_page.newsletter .wrap_content{
  width: 70%;
  margin: auto;
}
.wrap_form_newsletter{
  width: 70%;
  margin: auto;
  padding: 2em 0;
}
.form_newsletter{
  width: 100%;
  display: grid;
}
.form_newsletter input:not([type=checkbox]){
  height: 2.4em;;
  background: transparent;
  border-radius: 0;
  border-color: black;
  color: black;
  border: 1px solid;
  padding: 0.2em 0 0.2em 1em;

  width: 100%;
}
.wrap_input_w7030{
  display: -webkit-box;display: -ms-flexbox;display: flex;
  margin-top: 1em;
}
.form_newsletter .wrap_email{
  width: 70%;
  margin-right: 1em;
}

.form_newsletter .wrap-submit{
  width: 30%;
  height: 2.4em;
  position: relative;
  margin: 0;
}

/*==========================
   HOME
===========================*/
.wrap_founder_team{
  width: 100%;
  height: auto;
  margin: 4em auto;
}
.wrap_founder_team_info{
  width: 70%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3em auto 0;
}
.title_founder{
  width: 70%;
  margin: 0 auto;
}
.wrap_identity_image{
  width: 40%;
  display: grid;
  margin: 0 3em 0 0;
}
.wrap_identity_image img{
  display: block;
  width: auto;
  margin: 3em auto 0;
}
.wrap_content{
  width: 60%;
}
.the_content{
  margin: 3em 0;
  position: relative;
}

.wrap_section_page{
  width: 100%;
  height: auto;
  /*min-height: 55vh; */
  padding: 10% 0 10% 15%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  color: white;
  display: flex;
  align-items: center;
}

.wrap_section_page .wrap_content{
  width: 40%;
  font-size: 1em;
  padding: 0;
}

/* ==== Fili rossi ===== */
.wrap_section_page.filirossi{
  padding: 4em 0 15% 15%;
}
.wrap_section_page.filirossi .wrap_content{
  width: 80%;
}

.logo_filirossi {
    width: 90%;
    max-width: 160px;
}

/* ===== Collaborazioni ==== */
.wrap_section_collaborazioni{
  background: var(--lithgrey);
  width: 100%;
  height: auto;
  padding: 5em 0 0 15%;
}

.wrap_section_page.collaborazioni .wrap_content {
  width: 60%;
  font-size: 1em;
}


/* ==== Team === */
.wrap_section_team{
  width: 100%;
  height: auto;
  background: var(--lithgrey);
  padding: 2em 0  0 15%;
}
.wrap_single_team{
  width: 70%;
  height: auto;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 3em 0;
  border-bottom: 1px solid var(--line_grey);
}
.wrap_section_team .wrap_single_team:last-child{
  border-bottom: none;
}
.wrap_image_team {
  margin: 0 2em 0 0;
  max-width: 400px;
}
.wrap_image_team img{
  display: block;
}


/*====================================
   TEMPLATE SINGLE TEAM & OTHER PAGE
=====================================*/

.wrap-start .wrap_content {
    width: 100%;
    max-width: 762px;
    position: absolute;
    bottom: 4em;
    left: 15%;
    font-size: 1em;
    padding: 0;
    color: white;

    /*width: 100%;
    max-width: 762px;
    position: absolute;
    top: 0;
    left: 15%;
    font-size: 1em;
    padding: 0;
    color: white;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;*/
}
.wrap_section{
  width: 100%;
  height: auto;
}
.wrap_section .the_content{
  margin: 3em 0 0;
}
.wrap_box_white {
  width: 70%;
  margin: auto;
  padding: 2.5em 0;
  color: black;
}
.wrap_box_white .wrap_content{
  width: 100%;
  padding: 0;
  margin: 0;
}

.wrap_box_orange, .wrap_box_yellow {
  width: 100%;
  background: var(--orange);
  color: white;
  padding: 2em 1em;
}
.wrap_box_orange {
  background: var(--orange);
}
.wrap_box_yellow {
  background: var(--yellow);
}
.citazione{
  font-size: 1.4em;
  width: 100%;
  max-width: 562px;
  text-align: left;
  margin: auto;
  display: block;
}
.autore_cit{
  font-size: 1em;
  width: 30%;
  display: block;
  margin: auto;
  text-align: right;
}
.citazione p, .autore_cit p{
  padding: 0;

}

.wrap_box_gallery{
  width: 90%;
  margin: auto;
  padding: 2.5em 0;
  color: black;
}

/*========================
  GALLERY
=========================*/
.wrap_single_attachment{
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
  z-index: -1;
}

.wrap_layer_attachment{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.wrap_layer_attachment:hover{
  opacity: 1;
}

/* ==== POUP UP ==== */

.layer-mgfy {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    overflow-y: auto;
 }
 .layer-mgfy img{
   cursor: default;
   opacity: 0;
 }

.zoom-image-width{
  -webkit-animation: zoom_image_width 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
          -moz-animation: zoom_image_width 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
          -o-animation: zoom_image_width 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
          animation: zoom_image_width 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
}

@-webkit-keyframes zoom_image_width {
  0%  {width: 0%; opacity: 1;}
  100%{width: 50%; opacity: 1;}
}

@-moz-keyframes zoom_image_width {
  0%  {width: 0%; opacity: 1;}
  100%{width: 50%; opacity: 1;}
}

@-o-keyframes zoom_image_width {
  0%  {width: 0%; opacity: 1;}
  100%{width: 50%; opacity: 1;}
}

@keyframes zoom_image_width {
  0%  {width: 0%; opacity: 1;}
  100%{width: 50%; opacity: 1;}
}

.zoom-image-height{
  -webkit-animation: zoom_image_height 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
          -moz-animation: zoom_image_height 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
          -o-animation: zoom_image_height 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
          animation: zoom_image_height 0.4s cubic-bezier(.45,.05,.55,.95) forwards;
}
@-webkit-keyframes zoom_image_height {
  0%  {height: 0%; opacity: 1;}
  100%{height: 92%; opacity: 1;}
}
@-moz-keyframes zoom_image_height {
  0%  {height: 0%; opacity: 1;}
  100%{height: 92%; opacity: 1;}
}
@-o-keyframes zoom_image_height {
  0%  {height: 0%; opacity: 1;}
  100%{height: 92%; opacity: 1;}
}
@keyframes zoom_image_height {
  0%  {height: 0%; opacity: 1;}
  100%{height: 92%; opacity: 1;}
}

.arrow_gallery{
  position: absolute;
}
.prev_image{
  top: 50%;
  left: -2em;
}
.next_image{
  top: 50%;
  right: -2em;
}

.gallery_relative{
  position: relative;
}
.wrap_gallery_fixed{
  position: fixed;
  left: -110%;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
}
.show_gallery{
  left: 0;
}
.wrap_gallery_fixed .wrap_gallery{
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: auto;
  position: relative;
}
.gallery_fixed{
  width: 100%;
}
.gallery_fixed .wrap_image{

}
.the_image{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh
}
.gallery_fixed .wrap_image img{
  display: block;
  width: 100%;
  height: auto;
}
.wrap_gallery_fixed .prev_image{
  left: -1.5em;
  width: 1.3em;
  height: 1.3em;
  border: 1px solid white;
  transform: rotate(-45deg);
  border-bottom: none;
  border-right: none;
  cursor: pointer;
}
.wrap_gallery_fixed .next_image{
  right: -1.5em;
  width: 1.3em;
  height: 1.3em;
  border: 1px solid white;
  transform: rotate(45deg);
  border-bottom: none;
  border-left: none;
  cursor: pointer;
}
#cross_close_gallery{
  position: absolute;
  top: 2em;
  left: 2em;
  height: 1.4em;
  width: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}

#cross_close_gallery span{
  position: absolute;
  background: white;
  height: 2px;
  width: 100%;
  cursor: pointer;
}
#cross_close_gallery span:nth-child(1){
  transform: rotate(45deg);
}
#cross_close_gallery span:nth-child(2){
    transform: rotate(-45deg);
}


/*
  1-inserire le immagini non ripetitive
  2-aprire lo slider nell'immagine cliccata
*/

/*========================
    COURSE class
=========================*/

/* ==== Corsi in Home ==== */
.wrap_section_corsi{
  width: 70%;
  height: auto;
  margin: 3em auto 3em;
}

.wrap_section_corsi .wrap_content{
  width: 50%;
  font-size: 1em;
}

/* ==== General Course ==== */
/*
 .home Corsi in home
 .slider_course & .wrap_row_course in page corsi
*/
.wrap_list_corsi{
  width: 100%;
  height: auto;
}
.wrap_list_corsi.home{
  display: flex;
  flex-wrap: wrap;
}
.wrap_single_course{
  width: 50%;
  height: auto;
  padding-top: 3em;
  padding-bottom: 3em;
}

.home .wrap_single_course:nth-child(1),
.home .wrap_single_course:nth-child(2),
.wrap_row_course:nth-child(1) .wrap_single_course
{
  padding-top: 0;
}

.wrap_row_course{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap_single_course:nth-child(2n+1){
  border: 1px solid var(--line_grey);
  border-top: none;
  border-left: none;
  padding-right: 2em;
}

.wrap_single_course:nth-child(2n){
  border: 1px solid var(--line_grey);
  border-top: none;
  border-right: none;
  border-left: none;
  padding-left: 2em;
}

.wrap_single_course:nth-child(2n+1){
  padding-right: 2em;
}

.wrap_single_course:nth-child(2n) {
  padding-left: 2em;
}

.wrap_date_course{
  color: white;
  font-size: 2em;
  padding: 0.4em 0 0.4em 1em;
  font-family: 'Playfair Display', serif;
  margin-bottom: 1em;
}

.wrap_single_course:nth-child(2n+1) .wrap_date_course{
  background: var(--orange);
}

.wrap_single_course:nth-child(2n) .wrap_date_course{
  background: var(--yellow);
}

.wrap_single_course .wrap_date_course.is_started{
  background: var(--darkgrey);
}

.title_course{
  width: 100%;
  font-size: 1.9em;
  color: black;
}
.wrap_content_course{
    padding-left: 1em;
}

.discover_more{
  padding: 0.3em 2em;
  font-family: 'Quicksand', sans-serif;
}

.wrap_link_page_course{
  text-align: center;
  padding: 4em 0;
}

.wrap_link_page_course_slider{
  display: flex;
  justify-content: space-between;
  padding: 2em 0;
}

.prev_course,
.next_course {
  text-transform: uppercase;
}

.prev_course:hover,
.next_course:hover,
.prev_course:active,
.next_course:active {
  text-decoration: underline;
}

.arrow_course{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  cursor: pointer;
}
.next_course img{
  margin-left: 1em;
  display: block;
}
.prev_course img{
  margin-right: 1em;
  display: block;
}

/* ==== Single Course ==== */

#page_single_course .wrap_single_course:nth-child(2n+1),
#page_single_course .wrap_single_course:nth-child(2n){
  border-bottom: none;
}

#page_single_course.wrap_link_page_course_slider{
  border-top: 1px solid var(--line_grey);
}

.wrap_content.course{
  width: 80%;
}
.wrap_section_course{
  width: 100%;
  height: auto;
  background: var(--lithgrey);
  padding: 2em 0;
}
.wrap_info_course{
  width: 70%;
  height: auto;
  margin: auto;
}

.wrap_link_inscribe_course{
  width: 100%;
  height: auto;
  text-align: center;
  padding: 3em 0;
  border-bottom: 1px solid var(--darkgrey);
}

.wrap_share{
  width: 100%;
  height: auto;
  padding: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrap_share a {
  margin: 0 1em;
}
/* ==== Form Course ==== */

.wrap_section_form_course{
  width: 100%;
  height: auto;
}

#return_course{
  background: white;
  width: 70%;
  margin: auto;
  padding: 1.5em 0;
}
.prev img{
  display: block;
  margin-right: 1em;
}

.wrap_form_course{
  background: var(--lithgrey);
  width: 100%;
  padding: 2em 0;
}

.form_course .wrap-submit {
  width: 40%;
  min-width: 190px;
}

.wrap_form{
  width: 70%;
  margin: auto;
}

#form_course{

}
.none{
  display: none;
}
.infocourse{
  display: none;
}