@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project: Rhythm
Version: 2.17
Last change: 25 September 2020
Primary use: MultiPurpose Template  
-------------------------------------------------------------------*/




.cormorant-garamond-light {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}

.cormorant-garamond-regular {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant-garamond-medium {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: normal;
}

.cormorant-garamond-semibold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
}

.cormorant-garamond-bold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}

.cormorant-garamond-light-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
}

.cormorant-garamond-regular-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: italic;
}

.cormorant-garamond-medium-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
}

.cormorant-garamond-semibold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: italic;
}

.cormorant-garamond-bold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: italic;
    
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

body{
     font-family: "Lato", sans-serif;
    background-color: #fffcf8;  
    color: #011314;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
      font-family: "Cormorant Garamond", serif;
    margin-bottom: 1em;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1.3px;
}

.claudia-verde-1{
      color: #04868b;
    
}

.bg-claudia{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(1, 19, 20,  .97);


}

.bg-claudia-alfa:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(1, 19, 20,  .97);


}
.bg-claudia-alfa-30:before,
.bg-claudia-alfa-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(1, 19, 20,  .30);
}
.bg-claudia-alfa-50:before,
.bg-claudia-alfa-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(1, 19, 20,  .50);
}
.bg-claudia-alfa-70:before,
.bg-claudia-alfa-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(1, 19, 20, .7);
}
.bg-claudia-alfa-90:before,
.bg-claudia-alfa-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(1, 19, 20, .9);
}



a.claudia-yellow{
    color: rgba(255,215,0,1);
    text-decoration: underline;
    -webkit-transition: color 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: color 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
a.claudia-yellow:hover{
    color: rgba(255,215,0,1);
    text-decoration: underline;
}

.btn-mod.btn-claudia-dark{
    color: #fffcf8;
    background-color: rgba(134, 44, 29, 1)

}


.btn-mod.btn-claudia-dark:hover,
.btn-mod.btn-caludia-dark:focus{
   color: #c4b768;
    background: rgba(2, 67, 69, 1);
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
}