/*
 Theme Name:   Your Study Advisor
 Theme URI:    http://ysa.majoda.se/
 Description:  Your Study Advisor
 Author:       Majoda
 Author URI:   http://majoda.com
 Template:     understrap
 Version:      2.0.0
*/

body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}
.container {
	max-width: 100%; 
	padding: 0 15px;
}
.pagecontainer {
	width: 100%;
	max-width: 1400px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-weight: 400;
	font-size: 24px;
}
.schoolpdf {
	margin-top: 10px;
	margin-bottom: 30px;
	border-top: 1px solid #eee;
}
.schoolpdf a {
	color: #000;
}
.wrapper {
	width: 100%;
/*	max-width: 1400px; */
	margin: 0 auto;
	padding: 0;
}
.site-main {
	width: 100%;
}
.frontcontent {
	padding-top: 30px;
}
.frontcontent.vert_align {
	position: relative;
	height: calc( 100vh - 225px );
}
.vert_align_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.ca_button {
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	padding: 10px 39px;
}

.innercontent {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.bg-light {
	background: transparent !important;
}
.navbar .container {
/*	max-width: 1400px; 
	padding: 0 40px; */
	width: 100%;
	height: 225px;
	padding: 0;
	background: transparent;
	position: relative;
/*	overflow: hidden; */
}
.navbar .container img {
/*	height: 300px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(0%);
*/	
}
#navbarNavDropdown {
    position: relative;
	right: 10%;
}
.navbar {
	padding: 0;
	background: transparent;
}
.navbar-brand {
	padding-top: 0;
	margin-right: 0;
	width: 100%;
}
.navbar-nav {
	position: absolute;
	right: 0;
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	font-size: 22px;
}
.navbar-toggler {
	position: absolute;
	right: 30px;
}
.bglogo {
	background-repeat: no-repeat; 
	width: 320px;
	height: 104px;
	background-position-x: 6%; 
/*	background-position-x: calc(73vw - 1400px); */
	max-width: 320px;
	background-size: contain;
	margin-left: 80px;
}
.bg_container {
	background-size:cover; 
	margin-top: -225px; 
	min-height: 100vh; 
	padding-top:225px;
}
.bg_container.first_container {
	background-attachment: fixed;
}
.childcontent.bg_container {
	margin-top: 0px; 
	padding-top:0px;
}

/* Puffar */ 
.puffar {
	width: 100%;
	display: contents;
	margin-bottom: 30px;
}
.puff_inner {
	position: relative;
	margin-bottom: 20px;
		margin-top: 10px;
}
.puff_content {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: 90%;
	color: #fff;
	text-align: center;
}
.puff_content h2 {
	color: #fff;
	font-size: 27px;
}
.puff_button {
	background: #fff;
	color: #918F7D;
	font-weight: 700;
}
/* Footer */
#wrapper-footer {
	background-color: #000;
/*	padding-left: 40px; */
	margin: 0;
	max-width: none;
	border-top: 2px solid #fff;
	padding-top: 60px;
}
footer {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 25px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #eee;
	text-decoration: none;
}

footer ul {
	list-style-type: none;
	padding-left: 0;
}
.footerblock h4 {
	font-size: 12px;
	color: #fff;
}
.footerblock .fab {
	font-size: 30px;
	margin-right: 8px;
}
.footer4 {
	margin-top: 85px;
}
/* Swiper */
.swiper-pagination-bullet {
	width: 14px !important;
	height: 14px !important;
	background: #fff !important; 
	opacity: 1.0 !important;
}
.swiper-pagination-bullet-active {
	background: #007aff !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 45px !important;
}
.swipesection { 
	width: 100%;
	position: relative;
}
.swipesection img {
	width: 100%;
}
.caption_holder {
	width: 100%;
	max-width: 1400px;
	position: relative;
	margin: 0 auto;
}
.bildspel_caption {
	position: absolute;
	top: 10%;
	left: 20%;
	color: #fff;
	width: 60%;
	padding: 40px;	
	text-align: center;
}
.bildspel_caption h2 {
	font-size: 100px;
	font-weight: 700;
	line-height: 100px;
	color: #fff;
}
.bildspel_caption a {
	text-decoration: none;
	color: #68cdef;
	text-transform: uppercase;
	font-weight: 700;
}
.bildspel_caption a:after {
    content: " ›";
}
.bildspel_caption .captiontext {
	font-size: 30px;
	font-weight: 400;
}

/* Study advisor blocks */
.childcontent {
	min-height: 80vh;
}
.childcontent .site-main {
	padding-top: 30px;
}
.areaselect_row, .locationselect_row {
/*	margin: 0 -3.02%; */
}
.sublocationselect_row {
	width: 100%;
	margin: 0;
}
.area_select, .subarea_select, .location_select, .sublocation_select {
	margin: 3.02%;
    background: #f00;
    float: left;
    width: 13.14%; 	
	position: relative;
	cursor: pointer;
}
.area_select {
	background: #000;
	color: #fff;
}
.subarea_select {
	background: #fff;
	color: #000;
}
.location_select, .sublocation_select {
	color: #fff;
	font-weight: 700;
}
.area_select:before, .subarea_select:before, .location_select:before, .sublocation_select:before
{
    content: "";
    display: block;
    padding-top: 100%;

}
.area_select span, .subarea_select span, .location_select span, .sublocation_select span {
	position: absolute;
	top: 50%;
	text-align: center;
	left: 50%;
	padding: 0 5%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
}
.subarea_head {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}
.yourdetails_row {
	text-align: left;
	width: 100%;
	max-width: 1200px;
	margin: 80px auto;
}
.form-input {
	width: 95%;
	margin: 6px 0;
}
.extrasmall {
	font-size: 12px;
}
.formblock .extrasmall {
	margin-left: 10px;	
}
.formblock {
	margin-bottom: 20px;
}
.expl1to1 {
	cursor: pointer;
}
#expl1to1block {
	background: #444;
	padding: 5px;
}
.form-submit {
	width: auto;
	background: #fff;
	padding: 6px 8px;
	border: none;
}
.speciallink a {
	border: 1px solid #000;
	color: #000;
	background: #fff;
	text-decoration: none;
	padding: 12px;
	display: inline-block;
}

.subpage h2 {
	text-align: center; 
}
.subpage h4 {
	line-height: 2rem;
}
.subpage a {
	color: #000;
	text-decoration: none;
}
.faqpage h3 {
	color: #000;
	text-transform: uppercase;
}
.helpie-faq.accordions .accordion {
	margin-top: 0;
	border: 0;
}
.helpie-faq.accordions .accordion__header {
	background: #000;
	border-color: #fff;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	padding: 10px 20px;
}
.helpie-faq.accordions .accordion__title {
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}
.helpie-faq.accordions .accordion__header::before {
/*	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	height: 0;
	width: 0;
	content: "\f0dd"; 
*/	
}
.helpie-faq.accordions .accordion__header::before, .helpie-faq.accordions .accordion__header::after {
/*	font-family: "Font Awesome 5 Free";  
	font-weight: 900;
	height: 0;
	width: 0;
	content: "\f0dd"; 
	
}
.faqpage .accordion__header::after {
/*	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: ""; */
}
.ufaq-faq-div {
	background: #000;
	width: 100%;
/*	border-bottom: 1px solid #fff; */
	color: #fff;
	padding-left: 20px;
	font-size: 18px;
}
.ufaq-faq-div h3 {
	color: #fff;
	font-size: 16px;	
}
.seleducation {
	cursor: pointer;
	background: #000;
	color: #fff;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 30px;
}
.wherestudy {
	width:100%;
	border-bottom: 1px solid #000; 
	margin-bottom:20px;
	display:inline-block;
}
.wherestudy1 {
	width:30%;
	float:left;
	display:inline-block;
}
.wherestudy2 {
	width:35%;
	float:left;
	color:#27c200;
	display:inline-block;
}
.wherestudy3 {
	width:35%;
	float:left;
	color:#f53838;
	display:inline-block;
}

@media (max-width:1450px) {
.bglogo { background-position-x: -232px; }
.pagecontainer { width: calc(100% - 15px ); }
}
@media (max-width:1024px) {
.areaselect_row { margin: 0; }
.area_select, .subarea_select, .location_select, .sublocation_select { margin: 2%; width: 21%; }
.yourdetails_row { margin-bottom: 0; }
}
@media (max-width:840px) {
.wherestudy1 { width: 100%; }
.wherestudy2, .wherestudy3 { width: 50%; }
}
@media (max-width:767px) {
.navbar-collapse > ul { display: contents; height: 100%; top: 100%; z-index:1000; background: #fff; width: 100%;}
.area_select, .subarea_select, .location_select, .sublocation_select { margin: 2%; width: 29.3%; }
.formblock { width: 100%; }
.form-input { width: 100%; }
}
@media (max-width:680px) {
.bglogo { background-size: cover; height: 160px; background-position-y: 0; }
.wherestudy2, .wherestudy3 { width: 100%; }
}
@media (max-width:480px) {
.bglogo { height: 130px; background-position-x: -180px;}
.area_select, .subarea_select, .location_select, .sublocation_select { margin: 2%; width: 46%; }
.bglogo { margin-left: 15px; max-width: 280px; }
}
@media (max-width:400px) {
.bglogo { height: 100px; background-position-x: -150px;}
}