*/

Theme Name: RB Creative
Theme URI: http://rioburhan.com
Description: It's a clean and lightweight Gutenberg theme designed to work seamlessly with the new block-based editor and plugins.
Author: Rio Burhan
Author URI: http://rioburhan.com
Template: getwid-base
Version: 1.0.0
Text Domain: rbcreative

*/ Custom CSS goes after this line

/*--------------------------------------------------------------
# General & Mobile Device
--------------------------------------------------------------*/

/* Header Footer */
.site-header {
    position: relative;
    height: 15%;
    width: 100%;
    background-color: rgb(255, 255, 255, 0);
    z-index: 99;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: -75px;
}
.site-footer {
    display: none;
}
.custom-logo-link {
    margin-top: 7px;
    width: 60px;
    opacity: 1;
    z-index: 98 !important;
}
.customize-unpreviewable {
    width: 215px !important;
}
.menu-item-230 {
    background-color: #0a71b0;
    border-radius: 50pt;
    color: #fff;
    line-height: 10px;
    margin-top: 5px !important;
}
.menu-item-230:hover {
    background-color: #e5c942;
    color: #0a71b0;
}
.entry-header {
    display: none;
}

/* Post */
.post-navigation-wrapper {
    display: none;
}

/* 404 */
.search-form {
    display: none;
}

/* Column Hero */
.column-hero1 {
    margin-bottom: 0;
}
.column-hero2 {
    margin-left: 0 !important;
}

/* Headline Text */
.hero1 { 
    font-family: poppins;
    font-size: 24pt;
    font-weight: 700;
    display: flex; 
    justify-content: center; 
    color: white; 
} 
hero2::before { 
    content: "creative"; 
    animation: animate infinite 4s; 
    padding-left: 20px; 
    color: #e6c941;
    font-family: poppins;
    font-size: 24pt;
    font-weight: 700;
    display: flex; 
    justify-content: center; 
} 
.hero3 { 
    font-family: poppins;
    font-size: 24pt;
    font-weight: 700;
    display: flex; 
    justify-content: center; 
    color: white; 
}
        
@keyframes animate { 
10% { 
    content: "creative"; 
    color: #e6c941;
} 
40% { 
    content: "designer"; 
    color: #e6c941;
} 
60% { 
    content: "developer"; 
    color: #e6c941;
} 
90% { 
    content: "swiss army kit"; 
    color: #e6c941;
    } 
} 

/* Image Effects */
.img-portfolio img:hover {
    transition: .5s ease;
    transform: scale(0.97);
    opacity: 0.5;
    }

/* Download Resume Button */
/* For 480 Resolution */  
@media only screen   
and (min-device-width : 320px)   
and (max-device-width : 480px)  
{ 
.resume-button1 {
    display: none;
    }
}

/* Typography */
figcaption {
    font-family: "Poppins";
    font-size: 10pt !important;
    text-align: center;
}
label {
    font-family: "Poppins";
}
body, button, input, select, optgroup, textarea {
    font-family: "Poppins";
}

/* Login */
.login h1 a {
  background-image: url('https://rioburhan.com/wp-content/uploads/2021/02/rb_logo_trsp.png');
}
body.login {
  background-image: url('https://rioburhan.com/wp-content/uploads/2021/02/by_balazs-ketyi.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
/* Contact */
.form-box-contact{
    box-shadow:2px 1px 12px rgb(0,0,0,0.3);
}
.wp-block-button__link {
    border-radius:100px!important;
}

/*--------------------------------------------------------------
# Specific Desktop Views
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
.site-header {
    position: fixed;
    height: 20%;
    width: 100%;
    background-color: rgb(255, 255, 255, 0);
    z-index: 99;
    padding-top: 15px;
    padding-left: auto;
    padding-right: auto;
    border-bottom: 0px solid rgb(255, 255, 255, 0);
}


/* Headline Text */  
.hero1 { 
    font-family: poppins;
    font-size: 32pt;
    font-weight: 700;
    display: flex; 
    justify-content: flex-end; 
    color: white;
}
hero2::before { 
    content: "creative"; 
    animation: animate infinite 4s; 
    padding-left: 20px; 
    color: #e6c941;
    font-family: poppins;
    font-size: 32pt;
    font-weight: 700;
    display: flex; 
    justify-content: start;
} 
.hero3 { 
    font-family: poppins;
    font-size: 32pt;
    font-weight: 700;
    display: flex;
    justify-content: start;
    color: white;
    }

/* Download Resume Button */  
.resume-button2 {
    display: none !important;
    }

/* Typography */  
figcaption {
    text-align: start;
    }

}