@charset "UTF-8";
/***!  /templates/hoptrup_new/css/custom.css?ver=789069  !***/

/* Variables */
:root {
  --pagemargin: auto;
  --maxwidth-content: 1500px;
}
@media only screen and (max-width: 1700px) and (min-width: 640px) {
:root {
  --pagemargin: 100px;
  --maxwidth-content: 1500px;
}
}

/* Docman admin */
.com_docman .docman_list_layout {
  margin-top:100px;
  
}

/* Footer */
#footer2 ul.menu li {
	color: #ffffff;
	list-style: circle;
    margin-left: 30px;
}

.tck-title-split {
    color: #f22f57;
    display: block;
}

.tck-blog .item-image img {
    max-width: 50vw;
}

#menurow {
  z-index: 1000;
  top: 0px;
  left: 0px;
  right: 0px;
  position: fixed;
  margin-top: 0px;
}
@media only screen and (max-width: 1000px) {
body:not(.contentpane) {
  margin-top:100px;
}
}


#wrapper-front-punchline{
 color:white; 
 margin-top:-180px;
  padding-bottom:30px;
    padding-left:30px;
  padding-right:30px;
}
@media only screen and (max-width: 1000px) {
#wrapper-front-punchline{
 color:white; 
 margin-top:20px;
  padding-bottom:30px;
    padding-left:30px;
  padding-right:30px;
}
}


/* Articles */




@media only screen and (min-width: 1000px) {
	.row.row-article-header 
  	{
	  margin-bottom:40px; 
      min-height:200px; /* If no header image is set */
        		margin-left:0px !Important;
  		margin-right:0px !Important;
	}
  .row.row-article-header div:first-child
  {
     padding-left:0px !Important;
  padding-right:0px !Important; 
  }
  
  
  
  
  	.row.row-article-body {
 		 max-width: var(--maxwidth-content);
  		 margin: 0px auto 0px auto;
	}
}
@media only screen and (max-width: 1000px) {
 	.row.row-article-header 
  	{
  		margin-bottom:20px; 
        		margin-left:0px !Important;
  		margin-right:0px !Important;
     padding-left:0px !Important;
  padding-right:0px !Important; 
  }
    .row.row-article-body {
  		margin: 0px 40px 0px 40px;
	}
}


.row.row-article-header img{
  width:100% !Important;
  margin:0px;
}
.row.row-article-header h1 {
  position: relative;
  margin: 0px auto;
  width: 100%;
  top: -50%;
  color: white;
  text-align: center;
}

.row.row-article-body {
  max-width: var(--maxwidth-content);
}

  
.row.row-article-body img{
 border-top-left-radius:30px; 
  border-top-right-radius:30px;
}
.row.row-article-body img:not(.eb-event-thumb) {
  border-radius:30px;
}



/* Social icons module */
#footer3-bottom .imageck {
  padding:15px;
  border-radius:25px;
  background: rgba(255, 255, 255, 0.10);
  width:50px;
  height:50px;
  line-height:20px;
}
/* Undervisere */
.personlist h2.heading {
 border:0px !Important;
  text-align:center !Important;
}
.personlist .personfield span{
  text-wrap:wrap;
}
/* Forms */
body.contentpane, #adminForm {
background: none;
}
#adminForm h3 {
  background:none;
}

/* Trombinoscope popup */
body.contentpane {
 background-color:#242424 !Important;
  color: #e0e0e0 !Important;
   margin-top:0px !Important;
}
body.contentpane h3 {
 display:none !Important;
}
.modal-dialog {
  border-radius:30px !Important;
}
.modal-dialog .modal-header, .modal-dialog .modal-footer, .modal-dialog .modal-header .modal-title{
   background-color:#242424 !Important;
  color: #e0e0e0 !Important;
  border-bottom:0px !Important;
}
.modal-dialog .modal-header{
  border-top-left-radius: 30px !Important;
    border-top-right-radius: 30px !Important;
}
.modal-dialog .modal-footer{
  border-bottom-left-radius: 30px !Important;
    border-bottom-right-radius: 30px !Important;
}
.modal-dialog .modal-content{
  border-radius: 33px !Important;
}
/* RSForm send knap */
button.rsform-submit-button{
 border-radius:30px; 
  background-color: white;
  color:black;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
button.rsform-submit-button:hover, .uk-button-primary:focus{
  background-color:#efefef ;
  color:black;
}

.uk-form input[type="text"], .uk-form select, .uk-form select:focus {
 background: #2d2d2d; 
  border:0px !Important;
  color:#fafafa !Important;
	height:40px;
}
.uk-form input, .uk-form select {
  border-radius:5px;
}
.uk-form input[type="text"]:focus {
 background: #4d4d4d !Important; 
}
.uk-form-danger {
  background:#4d4d4d !Important;
}
/* Events booking */
.eb-event-item-grid-default-layout{
  background: #242424;
  border-radius:30px;
}
.com_eventbooking > div:not(#footerwrapper){
  max-width:1500px;
  margin:0px auto;
  margin-top:120px;
}
.com_eventbooking #adminForm{
  padding:40px;
}
a.eb-event-title {
  text-decoration:none;
  font-family: johndoeregular; 
}
.eb-event-price.btn.btn-primary {
  background:transparent;
  color:white;
}
.eb-taskbar li {
  float:none;
}
.btn.btn-primary.eb-register-button.eb-individual-registration-button, .btn.btn-primary.eb-register-button.eb-group-registration-button {
  width:100%;
}
.eb-category-1.eb-event-1.eb-event-item-grid-default-layout {
  padding-bottom:30px;
}
.eb-form-heading {
  background: #2d2d2d; 
    color:white;
  border:0px;
}

@media only screen and (min-width: 1200px) {
#eb-individual-registration-page, #eb-group-registration-form{
  margin:200px;
  padding:30px;
  background: #242424;
}
}

@media only screen and (max-width: 1199px) {
#eb-individual-registration-page, #eb-group-registration-form{
  margin:30px;
  padding:20px;
  background: #242424;
}
#eb-individual-registration-page .row > * , #eb-group-registration-form .row > * {
  padding-left:0px;
  padding-right:0px;
}
 
}

input.inputbox, .registration input, .login input, .contact input, .contact textarea, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, input[type="checkbox"] {
  height: auto;
  color:white;
  background: #2d2d2d;
  border: 0px;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
}
.com_eventbooking input[type="text"]:focus {
    height: auto;
  	color:white;
  	background: #dddddd !Important;
}
.com_eventbooking input:focus {
    height: auto;
  color:white;
  background: #dddddd !Important;
}
.com_eventbooking .form-control:focus {
  color: white;
  background-color: #dddddd !Important;
  border: 0px;
}

#eb-categories .eb-description, #eb-event-page .eb-description, #eb-events .eb-description {
	background: transparent;
}
#eb-event-page .eb-description a{
  color:black;
}



.beneathmain-1-fullwidth .inner.animate.clearfix, .beneathmain-2-fullwidth .inner.animate.clearfix, .beneathmain-3-fullwidth .inner.animate.clearfix, .beneathmain-1 .inner.animate.clearfix, .beneathmain-2 .inner.animate.clearfix, .beneathmain-3 .inner.animate.clearfix{
  max-width: var(--maxwidth-content) !Important;
  margin: 0px var(--pagemargin) !Important;
}
/* Body article padding full-width pn mobile */
@media only screen and (max-width: 1500px) {
	.beneathmain-1-fullwidth .rowck, .beneathmain-2-fullwidth .rowck, .beneathmain-3-fullwidth .rowck
	{
		padding-left:20px;
      padding-right:20px;
	}
}

/* Frontend editor */
.layout-edit #maincontent {
  margin-top:100px;
}

.circle-hoptrup {
    width: 150px;
    margin-top: 13px;

    -webkit-animation: rotation 8.75s infinite linear;
    -moz-animation: rotation 8.75s infinite linear;
    -o-animation: rotation 8.75s infinite linear;
    animation: rotation 8.75s infinite linear;
}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
/* slide bg */
.frontpage #maincontent {
    background-color:#181818;
  background-image: url('https://hoptrupefterskole.dk/images/back-swipe.gif');
  background-size: cover;
}
/* Frontend login form*/
.com_users{
    margin-top:150px;
}
#com-users-login__form, #user-registration{
  margin-left:20px;
  margin-right:20px;
}
#com-users-login__form, #user-registration input{
 max-width:400px; 
}
.com-users-login__options a{
  color:white;
}
