/*
 Theme Name:   Universe-child
 Theme URI:    http://web117.dk/vbc/
 Author:       BUREAU117
 Author URI:   http://bureau117.dk
 Description:  Universe Child Theme
 Template:     universe_theme
 Version:      1.0.0
 Tags:         responsive-layout, theme-options, left-sidebar, right-sidebar
*/

@import url("../universe_theme/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

body {
    background-color: #f7f7f7;
    border-color: #666 !important;
    font-family: Proxima Nova, sans-serif !important;
    font-size: 15px;
    color: #454545 !important;
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
}

p {
    color: #454545 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Proxima Nova, sans-serif !important;
    font-weight: bold !important;
}

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

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

h3 {
    font-size: 16px !important;
}

h4 {
    font-size: 14px !important;
}

/* BEGIN HEADER STYLING */

.site-header {
    background-color: #FFF !important;
    border: none;
}

.logo {
    margin: 0 auto;
}

.logo img {
    float: left;
    margin-bottom: 30px;
}

/* SEARCH FORM */

@media (min-width: 992px) {
    .search-form {
        float: right !important;
        margin: 60px 0 20px;
    }
}

@media (min-width: 320px) and (max-width: 992px) {
    .search-form {
        float: right !important;
        margin: 20px 0;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .search-form form input {
        box-shadow: none;
        min-width: 100%;
        padding: 10px;
    }
}

.search-form form input {
    background: #d1d1d1 !important;
    border: 1px solid;
    border-color: #d1d1d1 !important;
}

.form-control, .btn {
    border-color: #999;
    border-radius: 0;
    color: #666;
    height: 34px;
}

.form-control:focus {
    box-shadow: none !important;
}

.btn-vbc,
.btn-vbc:hover {
    background: #666;
    border-color: #666;
    color: #FFF;
}

/* ICONS */

.fa {
    color: #FFF;
}

a.fa.fa-facebook:hover {
    background-color: #3B5998;
}

a.fa.fa-twitter:hover {
    background-color: #00ACED;
}

a.fa.fa-google-plus:hover {
    background-color: #DD4B39;
}

a.fa.fa-youtube:hover {
    background-color: #BB0000;
}

a.fa.fa-linkedin:hover {
    background-color: #007BB6;
}

a.fa.fa-instagram:hover {
    background-color: #517FA4;
}

a.fa.fa-rss:hover {
    background-color: #FF6600;
}

/* HEADER NAVIGATION */

.menu-top-menu-container {
    float: right;
}

.main-navigation {
    background-color: #d1d1d1 !important;
    border: none;
}

.main-menu > li {
    border-right: none;
    border-left: 1px solid #FFF !important;
    border-bottom: 5px solid #486c90 !important;
}

.main-menu > li:last-child {
    border-right: 1px solid #FFF !important;
}

.sub-menu > li {
    border-bottom: 1px solid #FFF !important;
}

.sub-menu > li:last-child {
    border-bottom: none !important;
}

.main-menu a {
    color: white;
    display: block;
    font-size: 15px;
    padding: 15px 20px;
    width: 140px;
}

@media (min-width: 1200px) {
.main-menu a {
	color: #454545 !important;
	display: block;
	font-size: 15px;
	padding: 15px 20px;
	width: calc(1200px/4.25); /*Bredden på menupunkter. Brug 4.25 ved 4 menupunkter og 5.3 ved 5 menupunkter */
	margin: 0 auto 0 auto;
}
}

.sub-menu a {
    color: #FFF !important;
    width: 100%;
}

.main-menu li ul {
    position: absolute;
    width: 180px;
    z-index: 9999;
    top: 59px;
    left: -1px;
    padding: 0;
    border-top: none;
    display: none;
}

.main-menu li ul li {
    background-color: #999;
    border: none;
    padding: 0;
    width: 127%;
}

.main-menu li:hover {
    background-color: #ededed;
}

.main-menu li:active {
    background-color: #ededed;
}

.current-menu-item {
    background-color: #ededed;
}

.sub-menu li:hover {
    background-color: #d1d1d1;
}

.menu-toggle-btn {
    background-color: #d1d1d1 !important;
}

.responsive_menu {
    background-color: #d1d1d1 !important;
}

.main-menu > li.hhx, .main-menu > li.eud, .main-menu > li.eux,  .main-menu > li.hg, .main-menu > li.kursuscenter  {
    border-bottom: 5px solid #486c90 !important;
}

.sub-menu li.hhx, .sub-menu li.eud, .sub-menu li.eux, .sub-menu li.hg, .sub-menu li.kursuscenter {
    background-color: #486c90;
}

.sub-menu li.hhx:hover, .sub-menu li.eud:hover, .sub-menu li.eux:hover, .sub-menu li.hg:hover, .sub-menu li.kursuscenter:hover {
    background-color: #758ead !important;
}

.sub-menu li.obs {
    background-color: #8ead75;
}


/* Menupunktet "Nye elever" */
.main-menu > li.nye_elever {
    background-color: #869ead;
}

.small-links {
    margin: 20px 0 0;
}

.small-links a {
    color: #666 !important;
}

/* RESPONSIVE NAVIGATION */

.responsive-navigation ul li a {
    margin: 20px;
    padding: 20px;
}

.responsive-navigation {
    background-color: #666 !important;
}

.responsive-navigation li a {
    color: #FFF !important;
}

/* BREADCRUMBS */

.page-title {
    background: none !important;
    margin: 10px 0 0;
    padding: 18px 20px 0;
}

.page-title h6 a {
    color: #666;
}

.page-title .page-active {
    font-weight: 600;
}

/* FOOTER */

footer {
    background-color: #666 !important;
    color: #999 !important;
    font-size: 13px;
}

.site-footer {
    padding-top: 0 !important;
}

.top-footer {
    padding: 30px 0;
}

.top-footer p, .top-footer h2, .top-footer a {
    color: #FFF !important;
    font-weight: normal !important;
}

.top-footer h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

span.visible-sm.visible-md {
    display: inline !important;
}

.top-footer img.icon {
    float: right !important;
    margin: 6px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .top-footer img.icon {
        max-width: 300%;
    }
}

@media (min-width: 992px) {
    #middle-div-footer {
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
    }
}

@media (max-width: 767px) {
    .bottom-footer {
        text-align: center;
    }

	#campus-logo {
        display: none;
    }
}

.bottom-footer {
    background: #d1d1d1;
    border: none;
    color: #333;
    margin: 0;
    padding: 20px 0;
}

@media (min-width: 768px) {
    #bottom-footer-right {
        text-align: right !important;
    }
}

#bottom-footer-right {
    text-align: center;
}

.bottom-footer a {
    color: #333 !important;
}

footer a {
    color: #999 !important;
}

footer a:hover {
    color: #FFF !important;
}

/* HOMEPAGE */

.main-slideshow {
    background-color: #666;
}

.slider-caption {
    background-color: #666;
    opacity: 0.9;
}

.slider-caption h2 a, 
.slider-caption p {
    color: #FFF !important;
}

.flex-next,
.flex-prev {
    background-color: #666;
    color: #FFF;
}

/* WIDGETS */

.widget-main {
    background-color: #FFF;
}

.widget-main-title {
    background-color: #666 !important;
    display: none;
}

.widget-title {
    color: #FFF;
}

.widget-inner {
    background-color: #FFF;
}

.textwidget {
    padding: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.textwidget h2 {
    margin-top: 0;
}

.textwidget h4, .textwidget h2 {
    text-transform: uppercase;
}

/* CSS Class */

.gray {
    background: #666 !important;
    color: #FFF;
}

.gray p,
.gray a,
.gray h1,
.gray h2,
.gray h3,
.gray h4,
.gray h5,
.gray h6 {
    color: #FFF !important;
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}




.main-slideshow, .widget-item, .widget-main, .box-content-inner, .page-title, .grid-event-header, .load-more-btn, .event-container, .gallery-content, .blog-post-inner, .prev-next-post a, #blog-author, .widget-main-title, .blog-comments-content, .contact-page-content, .contact-map, .course-details, #disqus_thread {
    background-color: white;
}

.widget-main-title, blockquote, .request-information input, .input-select select, .blog-list-post, .event-small-list, .prof-list-item, .grid-event-header, .load-more-btn, .search-form-widget input, .prev-next-post .whiteBtn, .blog-comments-content .media, .comment-form input, .comment-form textarea, .contact-form input, .contact-form textarea, .course-search-form input, .course-search-form select {
    border-color: #d5dbe0 !important;
}

/* Page: Ansatte */

.ansat {
	float: left;
	width: 100%;
}

.ansat:after {
	clear: both;
}

.billede-ansat {
	float: left;
}

.info-ansat {
    float: left;
    margin: 30px 0;
}