h1 { font-family: home_sweet_homeregular, Arial, Helvetica, sans-serif; font-size: 70px; color: #333333; line-height: 74px; font-weight: 400; }
h2 { font-family: home_sweet_homeregular, Arial, Helvetica, sans-serif; font-size: 45px; color: #333333; line-height: 45px; font-weight: 500; }
h3 { font-family: Nunito Sans, Arial, Helvetica, sans-serif; font-size: 24px; color: #222222; line-height: 33px; font-weight: 600; }
p { font-family: Nunito Sans, Arial, Helvetica, sans-serif; font-size: 15px; color: #222222; line-height: 25px; font-weight: 600; }
li { font-family: Nunito Sans, Arial, Helvetica, sans-serif; font-size: 15px; color: #222222; line-height: 25px; font-weight: 600;  }body { background: #ffffff url('/files/ucsp-bg.png') repeat scroll left top; font-size: 10px; font-family: Nunito Sans, Arial, Helvetica, sans-serif; color: #222222; line-height: 25px; font-weight: 600; }
a:link { text-decoration: underline; color: #2c60a3; font-weight: 400; }
a:visited { text-decoration: underline; color: #2c60a3; font-weight: 400; }
a:active { text-decoration: underline; color: #253952; font-weight: 400; }
a:hover { text-decoration: none; color: #253952; font-weight: 400; }
a:focus { text-decoration: none; color: #253952; font-weight: 400; }
.navbar-default li { font-family:"Nunito Sans", Arial, Helvetica, sans-serif; font-size: 14px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #ffffff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}.navbar-default .navbar-nav>li a { color:#ffffff; text-decoration:none; font-weight:600; }
.navbar-default .navbar-nav>li a:hover { color:#c4dbcb; text-decoration:none; font-weight:600; }
.navbar-default .navbar-nav>li.active a:hover { color:#c4dbcb; text-decoration:none; font-weight:600; }
.navbar-default .dropdown-menu>li a:hover { color:#c4dbcb; text-decoration:none; font-weight:600; }
.navbar-default .navbar-nav>li a:focus { color:#c4dbcb; text-decoration:none; font-weight:600; }
.navbar-default .navbar-nav>li.active a:focus { color:#c4dbcb; text-decoration:none; font-weight:600; }
.navbar-default .dropdown-menu>li a:focus { color:#c4dbcb; text-decoration:none; font-weight:600; }
.navbar-default .navbar-nav>.active>a { color:#ffffff; text-decoration:none; font-weight:600; }
.navbar-default .dropdown-menu>li.active a { color:#ffffff; text-decoration:none; font-weight:600; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; height:284px; background-image:url(/files/ucsp-header-bg.png);; position:relative; }
div#footer { min-height:315px; background-image:url(/files/ucsp-footer-bg.png); }
#page .container { max-width:1170px; }
body {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; overflow-x: hidden; background-size: 31px; overflow-x: hidden; padding-top: 40px;}

.grecaptcha-badge { visibility: hidden;}

.wpcf7-form {padding: 0 25px;}

.blog article {display: inline-block; background: rgba(255,255,255, .75); float: left; width: 46%; margin: 2% 2% 0; padding: 2% 2% 0; min-height: 170px; overflow: hidden;}

.blog .vc_col-sm-8 {width: 100%;}
.blog .vc_col-sm-2 {display: none;}
.blog .entry-meta {text-align: left !important;}
.blog .entry-content {display: none;}

#content ul li {font-size: 15px; line-height: 25px;}
#top {display: none !important;}
#recent-posts-2 ul li {margin-bottom: 12px;}

#content label {width: 100%; font-size: 15px;}
form.wpcf7-form input {font-size: 16px; line-height: 1.2; padding: 10px; font-weight: normal; border: none;}
form.wpcf7-form textarea {font-size: 16px; line-height: 1.2; padding: 10px; font-weight: normal; border: none;}
form.wpcf7-form input[type="submit"] {background: #15562A; padding: 24px 0;}
form.wpcf7-form input[type="submit"]:hover {background: #0D2F49;}

#content .vc_btn3.vc_btn3-color-danger, #content .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {background: #15562A; font-weight: bold;}
#content .vc_btn3.vc_btn3-color-danger:hover, #content .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover {background: #0D2F49;}


div.wpcf7-response-output {margin: 0; padding: 10px; font-size: 15px; text-align: center;}

#top, #nav-below {display: none;}
.single #header, .blog #header, .archive #header {margin-bottom: 140px;}
.single #top, .archive #top, .blog #top {display: inherit; width: 1170px; max-width: 1170px; margin: 0 auto;}
.single #top .container, .archive #top .container, .blog #top .container {padding-left: 0; padding-right: 0; width: 23%; float: left; padding: 30px; background: rgba(255,255,255, .85);}

.single #top .container ul, .archive #top .container ul, .blog #top .container ul {list-style: none !important; margin-left: 0 !important; text-transform: capitalize;}
.single #top .container ul li, .archive #top .container ul li, .blog #top .container ul li {font-size: 15px;}
.single #top .container a, .archive #top .container a, .blog #top .container a {color: #135026; font-weight: bold;}
.single #top .container .post-date, .archive #top .container .post-date, .blog #top .container .post-date {font-size: 12px; font-weight: normal; display: block; line-height: 1;}
.single #top .container h3, .archive #top .container h3, .blog #top .container h3 { font-family: home_sweet_homeregular, Arial, Helvetica, sans-serif; text-shadow: 0px 1px 0; font-size: 14px; margin: 20px 0; letter-spacing: 1px;}
.single #top .container p, .archive #top .container p, .blog #top .container p  {margin: 0 0 20px; font-size: 16px; line-height: 1.4;}




.single #content * {text-align: left; margin-top: 0;}
.meta-sep , .author, footer.entry-footer {display: none;}
#content footer.entry-footer .clt {margin-left: 5px;}


.bloggheader.dn {display: block !important; background-image: none; height: auto;}
 
.archive #content h1 {font-size: 50px; text-shadow: 0 1px 0; text-align: left;}
.archive #content h2 {font-size: 46px;}
.archive .entry-meta {padding: 10px 0;}
.entry-summary {display: none;}

.entry-meta {font-size: 16px; font-weight: normal; display: block; padding: 0 0 10px; font-family: home_sweet_homeregular, Arial, Helvetica, sans-serif; text-shadow: 0px 1px 0; text-align: center !important;}

#content .entry-title a {text-shadow: 0px 1px 0;}

#content ul {margin-left: 30px; margin-bottom: 30px; list-style: inherit;}
#content ol {margin-left: 30px; margin-bottom: 30px; list-style: decimal;}

#contentholder ul {margin-left: 30px; margin-bottom: 30px; list-style: inherit;}
#contentholder ol {margin-left: 30px; margin-bottom: 30px; list-style: decimal;}

#content h1 {margin: 120px 0 30px 0; text-align: center;}
#content h1.entry-title a {color: #222; text-decoration: none;}
.single #content h1.entry-title {margin-bottom: 0; text-align: center;}

.home #content h2 {margin-top: 25px;}
#content p.sbi_bio {font-size: 9px; font-weight: normal; text-align: left;}

#content #sb_instagram .sbi_header_text {padding-top: 0; margin-top: -5px;}

#countdown {list-style: none; margin: 0 !important; text-align: center;}
#countdown li {display: inline-block; margin-right: 10px; font-size: 40px !important;}

#countdown li p {font-size: 12px; margin: 0; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; text-align: center;}

.samarbetspartners {text-align: center;}
#item-days {transform: scale(1.8); position: absolute; top: -70px; left: 24px;}
#countdown li#item-days span {height: 52px;}

header {background-size: 167px;}
#footer {background-size: 170px; margin-top: 80px;}

#footer {display: flex; align-items: flex-end;}
#footer .container {background: #0b2f16; max-width: 100%; width: 100%; padding: 7px; text-align: center;}
#footer .container p {color: #fff; margin: 0; font-size: 11px; line-height: 1.2;}
#footer .container a {color: #218227; font-weight: bold;}

.logoholder img {border: 8px solid #fff; border-radius: 100%; width: 240px; box-shadow: 0px 0px 4px rgba(0,0,0, .5); margin-top: 105px;}

.social .vc_col-sm-4 .vc_column-inner , .social .vc_col-sm-3 .vc_column-inner {height: 465px; box-shadow: 1px 1px 2px #cecece; padding-top: 15px; margin-top: 34px;}

.social .vc_col-sm-4 .vc_column-inner .icon {text-align: center;}

.social i {font-size: 40px; position: absolute; top: 10px; background: #fff; padding: 15px; border-radius: 50px; margin-left: -30px; color: #e1c5a8; left: 50%; margin-left: -35px;}

.social i:hover {top: 11px; opacity: .85;}

.tw {height: 400px; overflow: scroll; text-align: center; font-size: 15px;}



.ch {background: #8f7559; margin-top: 90px; padding: 92px 40px 40px;}
.ch .wpb_wrapper {filter: invert(100%);}
.ch h3 {background: url(/files/dagar-kvar.png); text-indent: -9999px; width: 282px; height: 120px; background-size: 100%; background-repeat: no-repeat; margin: 60px 0 20px;}


.ch span {font-size: 40px;}

#content .wpb_content_element {margin-bottom: 25px;}
#content p {margin: 20px 0; width: 100%;}

#sb {margin-bottom: 3px;}
#content .wpb_raw_code {float: left; width: 100%;}
.samarbetspartners img {margin: 0 7px; position: relative; padding: 20px; border-radius: 3px; background: #fff; box-shadow: 1px 1px 2px #cecece; max-width: 300px;  width: calc(100% - 14px); height: auto; margin-bottom: 15px;}
.samarbetspartners img:hover {top: 1px;}
.samarbetspartners a {position: relative; z-index: 10; display: inline-block;}


.navbar-default {background-color: #145328; border-color: transparent; position: fixed; left: 0; right: 0; top: 0; z-index: 10; text-align: center; box-shadow: 1px 1px 10px #000;}
.navbar-nav {float: none;}
.navbar-nav > li {float: none; display: inline-block;}
.active, .current_page_parent {background: #185e2e !important;}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

#content p {max-width: 100%;}
.vc_col-sm-2 {display: none !important;}
.vc_col-sm-8 {width: 100% !important;}
.vc_row.vc_column-gap-20 {margin-left: -5px !important; margin-right: -5px !important;}
.vc_col-sm-3 {width: 50% !important;}

}


@media only screen and (min-device-width : 375px)  and (max-device-width : 667px)  and (orientation : landscape) {
h1 {width: 90%; margin: 20px auto; max-height: 110px !important;}
h2 {width: 200px; margin: 25px auto 0 !important;}
}

/* Mobile CSS */
@media all and (max-width: 767px)  {

body {padding-top: 0;}

.navbar-default {background-color: transparent; position: absolute; text-align: center; box-shadow: none;}
.navbar-nav > li {float: none; display: block;}

#footer {min-height: 330px;}
#top .container, .archive #top .container ul li, .blog #top .container ul li .single .entry-content, .blog .entry-content, .archive .entry-content {max-width: 100%; float: left;}

#page {flex-flow: column; display: flex;}
#header {order: 1;}
#top {order: 3;}
#contentholder {order: 2}
#footer {order: 4}

.blog article .entry-title {font-size: 32px; margin-top: 0;}
.blog .post .vc_col-sm-3 {display: none;}
.blog .post .vc_grid-container {display: none;}

.entry-meta {font-size: 18px; margin-top: -10px; display: block;}

.archive #content {padding: 0 26px;}
.archive #content h1 {font-size: 32px;}
.archive #content h2 {font-size: 32px;}

.blog article .entry-title, .blog article .entry-meta, .single article .entry-title, .single article .entry-meta {width: 100%; float: none; padding: 0 10px;}
.blog #content p, .single #content p {width: 100%;}

.single #top, .archive #top, .blog #top {display: inherit; width: 100%; max-width: 100%; margin: 0 auto;}
.single #top .container, .archive #top .container, .blog #top .container {width: 100%; max-width: 100%;}
.single #header, .blog #header, .archive #header {margin-bottom: 40px;}

.samarbetspartners a {float: left; width: 50%;}
.social .vc_col-sm-4 .vc_column-inner , .social .vc_col-sm-3 .vc_column-inner {margin: 24px 15px 0; width: calc(100% - 30px);}

#sb {margin: 0 15px 3px; width: auto;}

.navbar-default {display: block;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; box-shadow: none; background: rgba(0,0,0, .8); position: fixed; left: 0; right: 0; top: 0; bottom: 0; padding-top: 170px; text-align: center; font-size: 15px; z-index: 1;}
ul.nav > li {margin: 10px 0;}
.navbar-default .navbar-nav > li a {}

.blog article {width: 96%; min-height: 140px; margin: 2%;}

.active, .current_page_parent {background: transparent !important;}
.active a, .current_page_parent a {color: #259347 !important;}

.navbar-default .navbar-toggle {border-color: transparent; position: absolute; top: 28px; right: 6px; z-index: 10; background: #0d0921;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent; border: 1px solid #fff;}

.logoholder img {width: 120px; margin-top: 20px;}
.ch h3 {width: 252px; margin-bottom: 0;}
#content h1 {font-size: 42px; margin: 20px auto; line-height: 44px; text-align: center;}


.ch {margin-top: 0; padding: 42px 20px;}

#footer {margin-top: 75px;}

#countdown li p {margin: 0;}
#countdown {margin: 0 0 0 1.2rem !important;}
}



.pp_top, .pp_bottom {display: none !important;}
body div.pp_default .pp_content_container .pp_left {background: transparent; padding: 0;}
body div.pp_default .pp_content_container .pp_right {background: transparent; padding: 0;}
body div.pp_default .pp_nav {display: none !important;}
body div.pp_default .pp_content {background: transparent;}
body div.pp_default .pp_description {font-size: 13px; color: #fff; line-height: 14px;}
body div.pp_default .pp_description {margin: 0;}
div.pp_default .pp_content_container .pp_details {margin: 0; position: absolute; top: -50px; background: transparent;}
div.pp_default .pp_content_container .pp_details .pp_description {display: none !important;}
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 22px !important;}
div.pp_default .pp_loaderIcon {display: none !important;}
.pp_gallery {display: none !important;}
body div.pp_default .pp_close  {background: url(/files/sprite.png) 2px 1px no-repeat;}
body div.pp_default .pp_next:hover {background: url(/files/sprite_next.png) center right no-repeat; filter: invert(100%);}
body div.pp_default .pp_previous:hover {background: url(/files/sprite_prev.png) center left no-repeat; filter: invert(100%);}

@media all and (max-width: 767px)  {
    .pp_pic_holder.pp_default { width: 96%!important; margin-top:-100px !important; left: 2%!important; overflow: hidden; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none !important;}
    #pp_full_res img { width: 100%!important; height: auto!important; }
    .pp_details { box-sizing: border-box; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
    a.pp_close { right: -10px!important; top: -10px!important; }
body .pp_hoverContainer {width: 100% !important; height: 100% !important;}
}