/*
Theme Name: Remote Staff - Child
Theme URI: remotestaff.com
Description: Custom Template For Remote Staff
Author: Emman
Author URI: http://remotestaff.com
Template: remotestaff
Version: 2.8
*/


/*----------------------------------------
FONTS
----------------------------------------*/
@font-face {
font-family: 'boston_angel_boldbold';
src: url('framework/fonts/great_studio_-_bostonangelbold-bold-webfont.woff2') format('woff2'),
     url('framework/fonts/great_studio_-_bostonangelbold-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'futuralight';
src: url('framework/fonts/futura_light_bt-webfont.woff2') format('woff2'),
     url('framework/fonts/futura_light_bt-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'futuramedium';
src: url('framework/fonts/futura_medium_bt-webfont.woff2') format('woff2'),
     url('framework/fonts/futura_medium_bt-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'futurabold';
src: url('framework/fonts/futura_bold-webfont.woff2') format('woff2'),
     url('framework/fonts/futura_bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}


/*----------------------------------------
DEPRECATED
----------------------------------------*/
#fullimagecenter, #query-monitor-main {
display: none !important;
}

/*----------------------------------------
LOGO
----------------------------------------*/
@media screen and (max-width:1197px) {
.logo {
    margin-top: 20px !important;
}    
}


/*----------------------------------------
GENERIC
----------------------------------------*/
body {
font-family: 'futuralight' !important;    

}
.modal {
z-index: 9999
}
body.modal-open {
overflow: visible;
}

h1 {
font-size: 48px !important;
}

h2 {
font-size: 26px !important;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'boston_angel_boldbold' !important; 
font-weight: bold;
color: #442f38 !important;
letter-spacing: 1px;
}

p {
font-family: 'futuralight' !important; 
margin-bottom: 18px !important;
font-size: 18px !important;
}


.blue, .blue a, .blue .fa {
color: #00b2dc !important;
}

.white, .white a, .white .fa {
color: #fff !important;
}

.clr {
width: 100%;
margin:0 auto;
display: block;
clear: both;

}

.green {
color:#61fd4b !important;
}


ol, ul {
margin-left: 15px !important
}

.underlined:after {
display: block;
border-bottom: 2px solid #00b3d9;
content: '';
max-width: 16%;
margin: 0 auto;
margin-top: -7px;
margin-bottom: 7px;
}

.underlineCenter, .underlineLeft {
display: inline-block;    
}
.underlineCenter:after {
display: block;
border-bottom: 2px solid #00b3d9;
content: '';
margin-top: -7px;
margin-bottom: 7px;
padding-bottom: 7px;
clear: both;
margin: 0 auto;
max-width: 57%;
}
.underlineLeft:after {
display: block;
border-bottom: 2px solid #00b3d9;
content: '';
margin-top: -7px;
margin-bottom: 7px;
padding-bottom: 7px;
clear: both;
max-width: 57%;
}
.blue{
color:#00b3d9 !important;     
}
.black {
color:#545454 !important;
}

.blue-title {
color:#00b3d9;
font-weight: 800;
font-size: 30px;    
margin-bottom: 0px;
}


.green-title {
color:#B2D233;
font-weight: 800;
font-size: 30px;    
margin-bottom: 0px;
}

.subtitle {
font-size: 22px !important;
line-height: 32px !important;
font-weight: 300;
}

.light {
font-weight: 300 !important
}

.uppercase {
text-transform: uppercase;
}

.blue-line {
border-bottom: 2px solid #7ec7d8;
}

.s14 { font-size: 14px !important }
.s16 { font-size: 16px !important }
.s18 { font-size: 18px !important }
.s20 { font-size: 20px !important }
.s22 { font-size: 22px !important }
.s24 { font-size: 24px !important }
.s26 { font-size: 26px !important }
.s28 { font-size: 28px !important }
.s30 { font-size: 30px !important }
.s32 { font-size: 32px !important }
.s34 { font-size: 34px !important }
.s36 { font-size: 36px !important }
.s46 { font-size: 46px !important }
.s48 { font-size: 48px !important }
.s76 { font-size: 76px !important }

.line-height-21 {
line-height: 21px !important;
}

.row-icons h3{
margin-bottom: 5px
}

.visible {
overflow: visible !important;
}

.text-center {  text-align: center; }
.text-left {    text-align: left; }
.text-right {   text-align: right; }
.text-justify { text-align: justify; }

.rounded img, .rounded{
border-radius: 50% !important;
border: 4px solid #efefef;
}

.text-shadow, .text-shadow .fa, .text-shadow a {
text-shadow: 0 0 25px #000;
}

.hard-shadow, .hard-shadow .fa, .hard-shadow a {
    text-shadow: 2px 2px 2px #000 !important;
}



.blue-alpha {
background: #6fc9bba8 !important;
color: #fff !important;
padding: 15px 15px !important;
}

.shadowed {
box-shadow: 10px 11px 0px #0000002b;
}
.right-center {
float:right;
}

.left-center {

}



.timeline-list-item {
position: relative;
padding-left: 20px;
border-left: 2px solid #eaeaea;
margin-bottom: 0;
padding-top: 0 !important;
padding-bottom: 30px;
line-height: 15px;
}

.timeline-list-item-end {
border:0 !important;
}

.timeline-list-item:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
right: -13px;
background-color: #00b0d7;
border: 0;
top: 0;
border-radius: 50%;
z-index: 1;
left: -6px;
}

.no-border {
border:0 !important;
}


.timeline-checkmark {
position: relative;
padding-left: 23px !important;
border-left: 2px solid #d2d2d2;
margin-bottom: 0;
padding-top: 0!important;
padding-bottom: 50px !important;
line-height: 15px;
padding-top: 10px !important;
}


.timeline-checkmark:before {
content: '\f00c';
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: -13px;
border: 0;
top: 0;
border-radius: 50%;
z-index: 1;
left: -20px;
font-size: 23px;
display: inline-block;
background: #B2D32E;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
align-content: center;
line-height: 35px;

}
/* BUTTONS */

.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {

}

button, .button, button a, .vc_btn3-container, .vc_btn3-container a {
font-family: 'Lato', sans-serif !important;  
letter-spacing: 0 !important;
font-weight: bold !important;
text-transform: none !important;
}

/*.btn-primary, .vc_btn3.vc_btn3-color-green.vc_btn3-style-modern, .vc_btn3, .vc_btn3.vc_btn3-size-md  {
font-size: 15px !important;
background: #61fd4b !important;
border: 0 !important;
font-weight: bold !important;
color: #002316 !important;
padding: 6px 30px !important;
border-radius: 0 !important;
text-transform: uppercase;
}
.btn-primary:hover, .vc_btn3.vc_btn3-color-green.vc_btn3-style-modern:hover, .vc_btn3:hover {
background: #002316 !important;
color:#fff !important;    
}
*/
.btn-green, .btn-green a {
background-color: #b3d233 !important;
color: #09596b !important;
font-weight: bold !important;
border:none !important;
}

iframe {
width: 100% !important;
}


@media screen and (min-width: 770px) {
.flexcenter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}

}

.white-border button {
border: 1px solid #fff !important
}

/*----------------------------------------
LISTS
----------------------------------------*/
.green-check, .green-check-2, .green-dot {
list-style-type: none;
}
.green-check li{
background: url(framework/images/green-check.png)top left no-repeat;
padding-left: 34px;
background-position: 0 4px;
margin-bottom: 15px;
line-height: normal !important;
}


.green-check-2 li {
background: url(framework/images/green-check-2.png)top left no-repeat;
padding-left: 34px;
background-position: 0 19px;
margin-bottom: 15px;
line-height: normal !important;
padding-top: 15px;
border-top: 1px solid #b6d436;
max-width: 300px;
}

.green-check-2 li:last-child {
border-bottom: 1px solid #b6d436;
   padding-bottom: 15px;
}


.green-check-3 li {
background: url(framework/images/green-check-2.png)top left no-repeat;
padding-left: 34px;
background-position: 0 8px;
margin-bottom: 5px;
line-height: normal !important;
padding-top: 5px;
list-style-type: none;

}

.green-dot li{
background: url(framework/images/green-dot.png)top left no-repeat;
padding-left: 19px;
background-position: 0 9px;
margin-bottom: 15px;
line-height: normal !important;
}


.checkmarck {
padding-left: 45px;
background: url(framework/images/checkmarck.png)top left no-repeat;
background-size: 26px auto;
background-position: 2px 12px;
}
.xmarck {
padding-left: 45px;
background: url(framework/images/xmarck.png)top left no-repeat;
background-size: 26px auto;
background-position: 2px 4px;    
}


.page-id-7445 td {
vertical-align: top !important;
}


/*----------------------------------------
CONTENT
----------------------------------------*/
@media screen and (max-width: 961px){
#content {
    padding-top: 90px !important;         
}
}
#page-wrap > #content > div{
/*//padding-top: 50px*/
}
/*----------------------------------------
TABS
----------------------------------------*/
.wpb_accordion .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
color: #64c275 !important;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
background-color: #64c275 !important;
}
#content .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-icon {
background-color: #64c275 !important;  
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-icon {
background-color: #64c275 !important;
}

/*----------------------------------------
BUTTONS
----------------------------------------*/
a.vc_btn3, .vc_btn3  {
background: #002316 !important;
background-color: #002316 !important;
background-image:none !important;
color: #e1fd46 !important;
padding: 15px 35px !important;
border-radius: 50px;
margin-top: -17px !important;   
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-khtml-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;  
border: none !important;   
}

a.vc_btn3:hover, .vc_btn3:hover, .top-rcb a:hover {
background: #334f45 !important;
background-color: #334f45 !important;
} 

/*----------------------------------------
HEADER
----------------------------------------*/
#header.header-transparent.darkheader.header-v1 {
box-shadow: none !important
}
.header-is-transparent .sticky-wrapper {
   z-index: 99999;
}
/*----------------------------------------
NAVIGATION
----------------------------------------*/
#nav a{
font-family: 'futuramedium' !important;    
text-transform: uppercase;
font-size: 18px !important;
color:#002316 !important;
}

#header.header-transparent.darkheader.header-v1 #navigation > ul > li > a {

}

#header {
box-shadow:none !important;
}

#topbar {
background: unset !important;
padding-top: 15px;
}

#topbar span, #topbar a {
color: #002316 !important;
padding-top: 15px;
}
#nav .two-column .sub-menu {
column-count: 2;
width: auto !important;
min-width: 400px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
}

#topbar .btn{
font-size: 18px;
background: #002316;
color: #e1fd46 !important;
padding: 11px 30px !important;
border-radius: 50px;
margin-top: -17px !important;
text-decoration: none !important;
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-khtml-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
text-transform: uppercase;
border: 0 !important;
font-weight: bold;
letter-spacing: 1px;

}

#nav .two-column .sub-menu {
column-count: 2;
width: auto !important
}

#header.stuck {
box-shadow: 0 0 10px #000 !important
}

#nav .sub-menu {
background: #002316 !important;
border-radius:15px !important; 

}

#navigation .sub-menu li a {
font-size: 15px !important;
border-bottom: 0 !important;
 color:#fff !important;
}

#nav .sub-menu:before {
content: '';
border-bottom: 20px solid #002316;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
top: -20px;
position: absolute;
left: 60px;
}


#roles-sub-menu {
display: none
}
/*----------------------------------------
RCB
----------------------------------------*/
#pagination a {
background:transparent;
}

#pagination .current a {
background: #011F15 !important;
}
#navigation .rcb-top {
display: none !important;
}
#mobile-navigation ul li a {
font-family: 'futuramedium' !important;
}

#mobile-navigation ul .rcb-top{
margin-top: 15px;
width: 100%;
padding: 0;
border: 0;
display: none
}


#mobile-navigation ul .rcb-top a {
border: 0 !important;
border-color: #000 !important;
width: 100% !important;
max-width: 100% !important;
font-weight: bold;
color: #442f38 !important;
background: #63ff42;
padding: 5px !important;
}

.rcb-show {
cursor: pointer;
}

#rcb-form-modal .modal-dialog {
/*width: 95%;*/
max-width: 1230px;
margin: 0 auto;    
}

#rcb-form-modal .close {
background: #c3c3c3;
opacity: 1;
color: #ffffff;
height: 45px;
width: 45px;
border-radius: 50%;
line-height: 7px !important;
z-index: 99999;
position: fixed;
top: 10px;
right: 0;
font-size: 30px;
position: absolute;
}

#rcb-form-modal .close:hover {
background: #000;
}


@media screen and (max-width: 980px){
#rcb-form-modal .close{
    position:static; 
}
}


#rcb-form-modal .modal-content {
background: none !important;
box-shadow: none !important;
border: 0;
}

#rcb-left, #rcb-right{
background:#fff;
margin-top: 80px;
padding-bottom: 20px;
line-height: normal
}

#rcb-left {
border: 14px #e2ffdd solid;
margin-top: 130px;
}


#rcb-right {
box-shadow: 0 0 17px #000;
border-radius: 15px;    
}

@media screen and (max-width: 990px ){
#rcb-left, #rcb-right {
    margin-top: 0 !important
}
#rcb-left {
    border: 0;
    padding-top: 20px
}

#rcb-right {
    box-shadow: none;
    border-radius: 0;
}

}
#rcb-form-modal .green-check li {
line-height: 31px !important;
background-position: 0 12px;
}

/* NON PHIL */

#non-phil-modal .modal-content {
border: 3px solid #e0ecb0;
background: #fff url(framework/images/non-phil-element.png)bottom left no-repeat;
padding: 15px;
text-align: center;
border-radius: 0;
margin-top: 100px;
}

/*----------------------------------------
NON PH
----------------------------------------*/
.nonph {
    z-index: 999999999999999;
    backdrop-filter: blur(5px);
    padding: 0 !important;
}

.nonph a {
    margin-top: 11px;
    display: block;
    font-weight: bold;
    font-size: 18px !important;
    margin-bottom: 25px;
    color: #278d12;
    outline: none;
}

.nonph .swal2-html-container {
    line-height: 27px;
    padding: 0 !important;
}

.nonph .swal2-modal {
    padding: 0 !important;
}

.swal2-shown {
    overflow-y: hidden !important;
}

.nonph .swal2-popup {
    max-width: 800px;
    width: 100%;
}


.nonph button {
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s ease-in-out;
}

.nonph button:hover {
    transform: scale(1.1);
}


/*----------------------------------------
MODAL
----------------------------------------*/
.modal-open .modal {
overflow-y: hidden;
}

.modal {
z-index: 99999999 !important;
}

/*----------------------------------------
INPUT
----------------------------------------*/
input[type='text'], input[type='password'], input[type='email'], input[type='tel'], input[type='date'], input[type='number'], textarea, select {
width: 100%;
}


/*----------------------------------------
MAILCHIMP
----------------------------------------*/
.mailchimp {
float: none;
max-width: 800px;
background: url(framework/images/form-bg.jpg);
background-size: contain;
margin: 0 auto;
padding: 30px;
border-radius: 50px;
}

.ty-btn {
margin: 0 auto !important;
display: block !important;
background: #002316 !important;
border: 0 !important;
color: #e1fd46 !important;
border-radius: 20px !important;
}

/*----------------------------------------
TESTIMONIAL
----------------------------------------*/
.testimonial {
background: transparent !important;
border: none !important 
}

/*----------------------------------------
FOOTER
----------------------------------------*/
footer h6, #copyright h6 {
font-family: 'futuramedium' !important;
color:#e1fd46 !important;
text-transform: uppercase;
margin-top: 18px;
}


footer, #copyright {
background: #002316 !important;
color:#fff !important;
}

#copyright {
text-align: center;
color:#fff !important;

}

.bottom-phone {
padding-left:25px;
background:url('framework/images/phone-light.png')top left no-repeat;
background-position: 0 4px;
}

.bottom-address {
padding-left:25px;
background:url('framework/images/pin-light.png')top left no-repeat;
background-position: 0 4px;
}

footer .container .four.columns{
max-width: 260px;
width: unset !important
}

#footer .widget ul li:after {
display: none
font-family: "FontAwesome";
content: "\f105";
position: absolute;
top: 10px;
right: 0;
font-size: 14px;	
}
#footer .widget ul li {
border-bottom: none !important;
padding:0 !important;
line-height: 20px;
margin-bottom: 15px;    
}

#footer .widget ul {
margin-left: 0 !important
}

#footer a {
color:#fff !important;
text-decoration: none !important
}

#text-5 ul {
column-count: 2
}

#menu-footer-menu a {
padding-top: 5px;
padding-bottom: 7px;
border-bottom: 1px solid #333232;
font-size: 15px;

}

#footer h3 {
color:#e1fd46 !important;
}

@media screen and (max-width: 520px){

footer .container .four.columns {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    column-count: 1 !important;
    max-width: 100% !important;
}

 footer .six {
    width: 100% !important;

 }


#text-5 {
    display: block !important;
    text-align: center !important;           
}

#text-5 ul {
    max-width: 100% !important;
    column-count: 1 !important ;
    width: 100% !important;
    display: block !important;
    text-align: center !important;               
}

.bottom-phone, .bottom-address {
    display: inline-block !important;
}

}


/*----------------------------------------
FOLLOW ICONS FOOTER
----------------------------------------*/
.follow-icons img {
margin-right: 15px;
}


/*----------------------------------------
CONTAINER
----------------------------------------*/
@media screen and (min-width:1300px ){
.container {
    width: 1260px !important
}
.container .sixteen.columns {
    width: 1260px !important
}
}
@media screen and (max-width:1300px ){
#nav a {
    font-size: 14px !important;
}
}
@media screen and (max-width: 390px){
.sixteen.columns {
    width: 340px !important
}
}
/*----------------------------------------
VIDEO
----------------------------------------*/
video {
width:100% !important;
height: auto !important;
outline: 0;
border: 1px solid #e2e2e2; 
}

/*----------------------------------------
FOOTER
----------------------------------------*/
#footer {
background:#011f15 !important; 
}
#footer, #footer a {
 color: #fff !important;;
}
.textwidget {
 line-height: 22px !important;
 font-size: 12.5px;
}
#footer .widget h3 {
 font-family: 'futuramedium' !important;
 font-size: 15px !important;
    margin-top: 15px !important;
}


/*----------------------------------------
BLOG 
----------------------------------------*/
.blog .post-wrap article {
 max-width: 500px;
 margin: 0 auto;
 margin-bottom: 50px !important;
}
.blog a.read-more-link {
 display: none
}

.blog #page-wrap a.btn-primary {
display: block !important;
margin: 0 auto !important;
max-width: 130px !important;
background: transparent !important;
color: #000500 !important;
font-weight: bolder;
font-size: 18px;
margin-top: 20px !important;
border: 2px solid;
border-radius: 20px;
}

#searchform {
 max-width: 850px;
 margin: 0 auto;
 margin-bottom: 30px;
 display: block;
 overflow: hidden;  
}

.blog #fulltitle {
display: none !important
}

.blog #header.header-v1 {
background:transparent !important;
}

#toolkit {
    background: #002316;
    padding: 70px 15px;
}

#toolkit button {
    border-radius: 25px;
    background: #6afe52;
    color: #000;
    padding: 7px 30px;
    font-size: 27px;
}

#footer-rcb {
    background: url(framework/images/plexus-bg.png);
    background-size: cover;
    border-radius: 105px;
    margin: 70px auto;
    /*max-width: 800px;*/
    float: none;
    padding: 30px;

}
/*----------------------------------------
BLOG SIDEBAR 
----------------------------------------*/
.sidebar {
padding:0 25px;
}

#sidebar-about {
    background: url(framework/images/rs-BLOGmay2024_15.jpg);
    background-size: cover;
    font-size: 18px !important;
    padding: 46px !important;
    color: #fff !important;
    border-radius: 15px;
    position: relative;
}

.textwidget {
    margin-bottom: 30px
}

.sidebar .bulb {
    position: absolute;
    top: -20px;
    left: 20px;
}

#featured-talent button{
    padding: 12px 25px;
    font-size: 21px;    
    margin-right: 0
}

#featured-talent {
    position: relative;
    border: 1px solid #000;
    padding: 6px;
    border-radius: 15px;
    box-shadow: 5px 7px 0px 0px #6afe52;
    font-size: 18px
}

#featured-talent .ribbon {
    position: absolute;
    top: -30px;
    right: 20px;  
}

#instant-access {
    padding: 130px 20px 20px 20px;
    background: url("framework/images/instant-access-bg.jpg");
    background-size: cover;
    color: #fff !important;
    line-height: normal !important;
    font-size: 18px;
    min-height: 573px;
    border-radius: 15px
}


/*----------------------------------------
BLOG AUTHOR 
----------------------------------------*/
.entry-image .entry-overlay {
 display: none !important
}

.author-link {
 margin-left: 100px
}
.blog .entry-image{
 overflow: visible !important;
}

.blog .meta-author img, .author-link img {
 max-width: 80px;
 float: left;
 border: 2px solid #ffffff;
 background: white;
 border-radius: 50%;
}
.blog .meta-author a, .author-link{
 position: absolute;
 z-index: 800;
 bottom: -27px;
 margin-left: 15px;
 width: 100% !important;
 color: #000;
}

.blog .button {
 margin-top: 25px;
}

.blog .entry-title {
 margin-top: 45px
}

.blog-single .post {
 /*margin: 213px 0 40px 0 !important;*/
}


.author-name {
 position: absolute;
 bottom: 0;
 left: 98px;  
}

@media screen and (max-width: 959px){
 .blog-single .post {
     margin: 0 0 40px 0 !important;
 }

}


@media only screen and (max-width: 767px) {
.container {
    width: 350px !important;
}
h1 {
    font-size: 32px !important
}
h2 {
    font-size: 22px !important;
}
.login-btn {
    
}
.mobile-only {
    display: block !important;
}
.desktop-only {
    display: none !important
}
#rcb-form-modal .close {
    position: fixed;
}   
.vc_responsive .page-section .standard-section .span_12 {
    max-width: 100% !important;
}   

.toptel {
    font-size: 13px;
    float: left;
    max-width: 172px;
    line-height: 22px;
    text-align: left;
    margin-top: 10px
}

#top .rcb-show {
    background: #60fb48;
    color: #011f15;
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
    margin-left: 0;
    float: right;
    margin-top: 18px;
    border-radius: 30px;
}    

}    


@media only screen and (min-width: 767px) {
.mobile-only {
    display: none !important;
}
.desktop-only {
    display: block !important
}    
}


/*----------------------------------------------
REMOVE AUDIO PRELOAD AND DOWNLOAD
----------------------------------------------*/
/* Hide the three-dot menu in Chrome/Webkit */
audio::-webkit-media-controls-enclosure {
    overflow: hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Pushes the menu button out of the frame */
}

/* Disable right-click on the player to prevent "Save Audio As..." */
audio {
    pointer-events: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}