/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: Contia
Author URI: https://contia.gr
Version: 4.0.6.1742391205
Updated: 2025-03-19 16:33:25

*/

.custom-btn-wrapper {
    display: flex;
    gap: 10px; /* space between buttons */
    flex-wrap: nowrap;
}


.custom-btn{
    display: inline-block;
    white-space: nowrap;
    font-size: 1vw; 
    font-family: "Roboto";
    font-weight: 500; 
    margin: 5px;
    padding: 0.4vw 1.2vw 0.4vw 1.2vw;
    text-decoration: none;
    border-radius: 10px 10px 10px 10px;
}

/* Mobile devices (<= 480px) */
@media (max-width: 480px) {
    .custom-btn {
        font-size: 4vw;
        padding: 2vw 4vw;
    }
}


.custom-btn.signup {
    background-color:#333333; 
    color:white; 
}

.custom-btn.login {
    background-color: white;
    border:2px solid #333333;
    color:#333333; 
}



/* HTML: <div class="ribbon">Your text content</div> */
/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 1vw;
  font-weight: bold;
  color: #fff;
}
.ribbon {
  --f: .2em; /* control the folded part*/
  --r: .8em; /* control the ribbon shape */
  
  position: absolute;
  top: 20px;
  right: calc(-1*var(--f));
  padding-inline: .25em;
  line-height: 1.8;
  background: #FA6900;
  border-bottom: var(--f) solid #0005;
  border-left: var(--r) solid #0000;
  clip-path: 
    polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
      calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
}

@media (max-width: 1024px) {
  .ribbon {
    font-size: 18px;
  }
}

/* Mobile (up to 768px) */
@media (max-width: 768px) {
  .ribbon {
    font-size: 18px;
  }
}