/*   
Theme Name: Oakley Foundation Theme
Theme URI: https://greenlightdesignstudios.com
Description: This is a custom WordPress Child Theme created for Charles Oakley Foundation -- WordPress v6.7.2
Author: Greenlight Design Studios
Author URI: https://greenlightdesignstudios.com
Template: hello-elementor
Version: 1.0
*/

#back2top { /*display:none;*/margin:0; }
#back2top-wrapper {position:fixed; right:10px; bottom:10px; overflow:hidden; z-index:999;}
#back2top a {display:block; width:50px; color:#bbb; text-align:center; text-decoration:none; text-transform:uppercase; font:11px/100% Arial, Helvetica, sans-serif; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s;}
#back2top a:hover { color:#000; }
#back2top a:hover span { background-color:#000000; color:var(--e-global-color-accent);}
#back2top span {display:block; margin-bottom:0px; width:50px; height:50px; background: var(--e-global-color-accent);/* background:#114f00 url(../images/up-arrow.png) no-repeat center center;*/ -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s; text-align:center;
}
#back2top span i {color:#ffffff; font-size:35px; padding-top:10px;}
#back2top a:hover span i {color:var(--e-global-color-accent);}

#back2top {
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
#back2top.cd-is-visible, #back2top.top-fade-out {
  /*-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;*/
}
#back2top.top-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
#back2top.top-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
#back2top.top-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  /*opacity: .5;*/
}	

a.dialog-close-button:active, a.dialog-close-button:focus {
outline: 0;
border: none;
outline-style: none;
}
.elementor-widget-text-editor a, .elementor-widget-text-editor  a:hover, .elementor-widget-text-editor a:active, .elementor-widget-text-editor a:visited {color: inherit;}


@media screen and (max-width: 480px) {
#back2top-wrapper {right:0; bottom:0;}
#back2top a {width:35px;}
#back2top span {width:35px; height:35px;}
#back2top span i {font-size:20px;}
}