/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

.tweets {
	display:none;
}

.timebox-container {
display: grid;
	 justify-content: center;
  grid-template-columns: repeat(auto-fill, 200px);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.timebox {
	width:200px:
	border-radius:10px;
	padding:5px;
	background-color: black;
	text-align:center;
	

	font-family: "Roboto","Arial",sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    white-space: pre-wrap; /* css-3 */       white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.timebox-nobg {
	width:200px:
	border-radius:10px;
	padding:5px;
	text-align:center;
	

	font-family: "Roboto","Arial",sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    white-space: pre-wrap; /* css-3 */       white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}


.timebox-clock {
	margin-top:10px;
	padding:5px;
	font-family:Roboto;
	font-size:2rem;
}


.timebox-date {
	margin-top:10px;
	font-size:1.25rem;
	padding:5px;
}

.channel-container {
display: grid;
	 justify-content: center;
  grid-template-columns: repeat(auto-fill, 200px);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
select {
	border-radius:1rem;
	margin-top:5px;
	max-width:100%;
	height:30px;
	background-color:black;
	color:white;
}

button {
	text-transform: uppercase;
}

.tv-widget-fundamentals,
.tv-widget-fundamentals__label,
.tv-widget-fundamentals__value
{
	font-size: 20px;
}

#top-icon {
  position: fixed;
  bottom: 20px;
  right: 0px;
  z-index: 9999999;
  font-size: 12px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 10px;
}

#top-icon:hover {
 /* background-color: white;*/
}


.tesla-logo {
	background-image:url('https://learningisliving.dk/wp-content/uploads/2023/03/tesla-logo-red.webp');
		background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 60px
	
	
}
.tesla-bg {
	background-image: url('https://learningisliving.dk/wp-content/uploads/2023/03/tesla-banner-1.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.tesla-rssfeed{
	margin 0px;	
}

.spacex-logo {
	background-image:url('https://learningisliving.dk/wp-content/uploads/2023/03/spacex-logo-min.jpg');
		background-position: bottom left;
	background-repeat: no-repeat;
	
}

.spacex-bg {
	background-image: url('https://learningisliving.dk/wp-content/uploads/2023/03/spacex-starship.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}
.column {
	background-color:#1E222D;
	padding:10px;
	border:1px solid #434651;
}

h2, h3, h4, h5, h6 {
	margin-bottom:10px;
}
h3.widget-title {
	text-align:center;
	margin-bottom: 10px;
}
.site-navigation .sub-menu {
	background-color: #f6f7f7;
}

.round-border {
	border: 2px ridge #434651;
	padding:5px;
	border-radius: 10px;
}

.rounded-list-item {
	border: 2px ridge #434651;
	border-radius: 10px;
	padding:20px;
	background-color:#363a41;
	/*height:300px;*/
}

pre {
	color:white;
	background-color:black;
}

a {
	color:white;
}
a:link {
 color: white;
}
a:visited {
 color: white;
}
a:hover {
 color: white;
}
a:active {
 color: white;
}
a:inactive {
 color: white;
}

#article .page-content, .entry-content, .entry-footer {
     margin-left: 10px;
     margin-right: 10px; 
     max-width: none; 
}

.sidebar-area {
	background-color:black;
}
.accordian-h1 {
	background-color:black;
	color:white;
	text-align:center;
	margin:5px;
}
.accordian-h2 {
	background-color:#2E2E2E;
	color:white;
	text-align:center;
	margin:5px;
}

.accordian-content {
	color:white;	
}
.accordian-link {
	margin:5px;
	color:white;	
}
.site-title a {
	text-decoration: none;
}
.site-content{
	border-top-color: 434651;
}
.home.page .content-area-inside .entry-header {
	margin-bottom:0px;
}

body {
	font-family: Open Sans;
	font-size:12pt;
}

.easingslider-wrapper {
	background-color: #4d4d4d;	
}

.arrow{
    position: absolute;
	  left: 50%;
    bottom: 50px;
    transform: translate(-50%,-50%);	
}
.arrow span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #434651;
    border-right: 2px solid #434651;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-10px,-10px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}
.sidebar-area .widget {
  border-bottom: 0px;
    padding: 10px;
}

#pl-w5d028f1b804c9 .so-panel {
   margin-bottom: 0px; 
}
#pl-w5d028f1b804c9 {
   margin-bottom: 0px; 
}
#g4-name,#g4-email {
	width:80%;
}
.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
	
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.site-header {
	background-color:#000000;
}

.site-header-inside {
	
}
.site-navigation {
	background: rgba(0, 0, 0, 0.8) !important;

}
.circle-image {
	border-radius: 50%;
}
.grunion-field-label{
	font-size:20px;
	font-style:normal;
	font-weight:normal;
}
#g4-name{
	font-size:10pt;
}
#g4-email{
	font-size:10pt;
}
#contact-form-comment-g4-comment{
	font-size:10pt;
	height:100px;
}
.vtop {
	vertical-align:top;
}

.bookcover {
	width:150px;
	height:230px;
	margin-left: auto;
  margin-right: auto;		
			
	/*
	display: block;
	*/
}
.entry-title {
    margin-bottom:10px;
}

.entry-content {
    margin-bottom:10px;
}

.front-page-section-title {
    margin-bottom: 10px;
}
h1 {
	  font-size:1.6em;  
    margin-bottom: 10px;
}
h2 {
  font-size:1.4em;  
	margin-bottom: 10px;
}
h3 {
  font-size:1.2em;  
	text-transform: uppercase;
	margin-bottom: 10px;
}
h4 {
  font-size:1em;  
	text-transform: uppercase;
	margin-bottom: 10px;
}
h5 {
  font-size:0.9em;  
	text-transform: uppercase;
	margin-bottom: 10px;
}


h6 {
  font-size:0.75em;  
	text-transform: uppercase;
	margin-bottom: 10px;
}

.channel-entry {
	border-radius:10px;
	padding:5px;
	background-color: black;
	text-align:center;
	

	font-family: "Roboto","Arial",sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    white-space: pre-wrap; /* css-3 */       white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.channel-title {
	
}

.channel-thumbnail {
	
}


.channel-time {
	color:#888888;
	font-size:0.75em;
}
.layout-content-full-width .entry.front-page-section {
    max-width: 100%;
}

.home.page .content-area-inside {
     margin-bottom: 0px; 
}
.bordered {
	border: 1px solid #434651;
	padding: 10px;
}
.button-orange {
	-moz-box-shadow: inset 0 1px 0 0 #fce2c1;
	-webkit-box-shadow: inset 0 1px 0 0 #fce2c1;
	box-shadow: inset 0 1px 0 0 #fce2c1;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffc477),color-stop(1,#fb9e25));
	background: -moz-linear-gradient(center top,#ffc477 5%,#fb9e25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',endColorstr='#fb9e25');
	background-color: #ffc477;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
	text-indent: 0;
	border: 1px solid #eeb44f;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
/*	height: 50px;*/
	width: 100px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0 #cc9f52;
}

.button-tilmeld:hover {
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fb9e25),color-stop(1,#ffc477));
	background: -moz-linear-gradient(center top,#fb9e25 5%,#ffc477 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',endColorstr='#ffc477');
	background-color: #fb9e25;
}

.button-orange:active {
	position: relative;
	top: 1px;
}

.button-small {
	width: 100px;
}

.button-medium {
	width: 200px;
}

.sidebar {
	background-color:black;
}

.sidebar-area .sidebar-toggle-button {
    height: 80px;
	background-color:black;
	color:white;
    padding: 1.53846154em;
}
.sidebar-area .sidebar-toggle-button:before {
	color:white;
}
.sidebar-area .sidebar-toggle-button:after {
	color:white;
}
.sidebar-area .sidebar-toggle-button:hover {
	
}