/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.17.0
Requires at least:    5.4.0
Requires PHP:         5.6.20
WC requires at least: 4.7.0
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

.btn-daf {
    margin: 5px 0 5px 0;
    background: radial-gradient(circle 214px at 49.5% 54.2%, #000000 0, #2b2b2b 96%);
    animation: blinking .5s infinite;
    transition: all .4s;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    font: 250 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: 100%;
    color: #fff;
    text-shadow: 0 0 3px #000;
    letter-spacing: 1.1px;
}
}



/* Retro Love: the blink element*/

body{font-size: 280%; }

@keyframes blink {
	0% {
			padding: 6px;
    border: 3px solid #ffd700;
}
100% {
	padding: 6px;
    border: 3px solid #000000;
}
}

blink{animation: blink 1s infinite;}

/*=============================*/



@media screen and (min-width: 701px) {
    .tron-login {
        margin: 0 10px 0 0;
    }
}
.tron-login {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    color: #000;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: calc(12px +1vh);
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 23px;
    padding: 10px 40px;
    background: radial-gradient(circle 214px at 49.5% 54.2%, #ffeb00 0, #ff0c00 96%);
    -webkit-box-shadow: 1px 1px 15px 0 radial-gradient(circle 214px at 49.5% 54.2%, #ffd700 0, #ffd700 96%);
    -moz-box-shadow: 1px 1px 15px 0 radial-gradient(circle 214px at 49.5% 54.2%, #ffd700 0, #ffd700 96%);
    box-shadow: 1px 1px 15px 0 radial-gradient(circle 214px at 49.5% 54.2%, #ffd700 0, #ffd700 96%);
    border: solid #fff000 3px;
    text-decoration: none;
    display: flex;
    cursor: pointer;
    text-align: center;
    justify-content: center;
}
@media (min-width: 768px) {
    .tron-login {
        margin: 0 10px 0 0;
    }
}
@media (min-width: 1200px) {
    .tron-login {
        margin: 0 10px 0 0;
    }
}
@media (min-width: 992px) {
    .tron-login {
        margin: 0 10px 0 0;
    }
}
@media (min-width: 768px) {
    .tron-login {
        margin: 10px 20px 10px 0;
    }
}


.tron-regis {
    animation: blinkings 1s infinite;
    transition: all .4s;
    touch-action: manipulation;
    cursor: pointer;
}
@media screen and (min-width: 701px) {
    .tron-regis {
        margin: 0 10px 0 0;
    }
}
.tron-regis {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    color: #fff;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: calc(12px +1vh);
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 23px;
    padding: 10px 40px;
    background: linear-gradient(to bottom, #ffd700 0%, #ff9300 100%);
    color: #000;
    text-decoration: none;
    display: flex;
    cursor: pointer;
    text-align: center;
    justify-content: center;
    margin: 0 10px 0 0;
}
@media (min-width: 768px) {
    .tron-regis {
        margin: 0 10px 0 0;
    }
}
@media (min-width: 1200px) {
    .tron-regis {
        margin: 0 10px 0 0;
    }
}
@media (min-width: 992px) {
    .tron-regis {
        margin: 0 10px 0 0;
    }
}
@media (min-width: 768px) {
    .tron-regis {
        margin: 0 10px 0 0;
    }
}

.tron {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    color: #000;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: calc(8px +1vh);
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 15px;
    padding: 10px;
    background: radial-gradient(circle 214px at 49.5% 54.2%, #ffe000 0, #000000 96%);
    -webkit-box-shadow: 1px 1px 10px 0 radial-gradient(circle 214px at 49.5% 54.2%, #000000 0, #2b2b2b 96%);
    -moz-box-shadow: 1px 1px 10px 0 radial-gradient(circle 214px at 49.5% 54.2%, #000000 0, #2b2b2b 96%);
    box-shadow: 1px 1px 10px 0 radial-gradient(circle 214px at 49.5% 54.2%, #000000 0, #2b2b2b 96%);
    border: solid #ffd700 2px;
    text-decoration: none;
    display: flex;
    cursor: pointer;
    text-align: center;
    justify-content: center;
    margin: 10px 0 10px 0;
}
table.has-fixed-layout tr:first-child td{
    font-size: calc(12px +1vh);
    font-weight: 700;
    color: #fff;
    text-align: center !important;
    background: radial-gradient(circle 214px at 49.5% 54.2%, #000000 0, #2b2b2b 96%);
}
table.has-fixed-layout td, table.has-fixed-layout th {
    border: 1px solid #ffd700;
    padding: 10px 5px 10px;
}
.site-description {
    text-align: left;
    padding: 10px;
    /*color: #ffd700;*/
    border-radius: 5px;
    box-shadow: 0 0 8px 4px #ffd700;
}
.accordion a{
	background: #ffd600;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ffa700;
    border-radius: 20px;
	
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 23px;
    color: #000;
    margin: 20px 0 20px 0;
    padding: 10px 10px 10px 30px;
}