/* 
Theme Name: 
Version: 1.0
Author: Bläck & Co
Author URI: http://www.black.se/
*/

/*$aos-distance: 40px;
@import 'aos.scss';*/


.clickable_div_for_lightbox:hover,
.clickable_div_for_page:hover  {cursor: pointer;}



.page-intro video#bgvid {
    position: relative;
    top: 0%;
    left: 50%;
    min-width: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-0%);
    -moz-transform: translateX(-50%) translateY(-0%);
    -webkit-transform: translateX(-50%) translateY(-0%);
    transform: translateX(-50%) translateY(-0%);
    /* background: url(polina.jpg) no-repeat; */
    background-size: auto;
    object-fit: cover;
}






html { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility; 
	font-size: 1rem;
}

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

/* För bilder som är satta med en fast storlek i WP. Dessa ska inte bli 100% i width */ 
img.anpassad {
  width: initial !important;
}

/* =========== OVERWRITE =========== */


@media (min-width: 576px)	{
	.modal-dialog {
	    max-width: 1000px;
	    margin: 1.75rem auto;
	}
}


/* ======== RESPONSIVE ========== */ 

/*@media only screen and (min-width : 1500px) and (orientation: landscape) {

	.container-fluid {
		max-width: 1500px; 
		margin:0 auto;
	}

} */ 

.video-foreground	{width: 100%;}


@media only screen and (min-width : 576px) {
	html {
		font-size: 1.2rem;
	}

	.even .order-1	{
		order: 2;
	}
	.even .order-2	{
		order: 1;
	}

} 


  /* Done som changes here... EJ */ 
  .p-6    {padding: 1.5rem ;}
  .p-7    {padding: 2rem ;}
  .p-8    {padding: 2.5rem ;}
  .p-9    {padding: 3rem ;}
  .p-10   {padding: 3.5rem ;}
  .p-11   {padding: 4rem ;}
  .p-12   {padding: 4.5rem ;}
  .p-13   {padding: 5rem ;}

  .px-6   {padding-left: 1.5rem; padding-right: 1.5rem;}
  .px-7   {padding-left: 2rem; padding-right: 2rem;}
  .px-8   {padding-left: 2.5rem; padding-right: 2.5rem;}
  .px-9   {padding-left: 3rem; padding-right: 3rem;}
  .px-10  {padding-left: 3.5rem; padding-right: 3.5rem;}
  .px-11  {padding-left: 4rem; padding-right: 4rem;}
  .px-12  {padding-left: 4.5rem; padding-right: 4.5rem;}
  .px-13  {padding-left: 5rem; padding-right: 5rem;}

  .py-6   {padding-top: 1.5rem; padding-bottom: 1.5rem;}
  .py-7   {padding-top: 2rem; padding-bottom: 2rem;}
  .py-8   {padding-top: 2.5rem; padding-bottom: 2.5rem;}
  .py-9   {padding-top: 3rem; padding-bottom: 3rem;}
  .py-10  {padding-top: 3.5rem; padding-bottom: 3.5rem;}
  .py-11  {padding-top: 4rem; padding-bottom: 4rem;}
  .py-12  {padding-top: 4.5rem; padding-bottom: 4.5rem;}
  .py-13  {padding-top: 5rem; padding-bottom: 5rem;}

  .pt-6   {padding-top: 1.5rem;}
  .pt-7   {padding-top: 2rem;}
  .pt-8   {padding-top: 2.5rem;}
  .pt-9   {padding-top: 3rem;}
  .pt-10  {padding-top: 3.5rem;}
  .pt-11  {padding-top: 4rem;}
  .pt-12  {padding-top: 4.5rem;}
  .pt-13  {padding-top: 5rem;}

  .pr-6   {padding-right: 1.5rem;}
  .pr-7   {padding-right: 2rem;}
  .pr-8   {padding-right: 2.5rem;}
  .pr-9   {padding-right: 3rem;}
  .pr-10  {padding-right: 3.5rem;}
  .pr-11  {padding-right: 4rem;}
  .pr-12  {padding-right: 4.5rem;}
  .pr-13  {padding-right: 5rem;}

  .pb-6   {padding-bottom: 1.5rem;}
  .pb-7   {padding-bottom: 2rem;}
  .pb-8   {padding-bottom: 2.5rem;}
  .pb-9   {padding-bottom: 3rem;}
  .pb-10  {padding-bottom: 3.5rem;}
  .pb-11  {padding-bottom: 4rem;}
  .pb-12  {padding-bottom: 4.5rem;}
  .pb-13  {padding-bottom: 5rem;}

  .pl-6   {padding-left: 1.5rem;}
  .pl-7   {padding-left: 2rem;}
  .pl-8   {padding-left: 2.5rem;}
  .pl-9   {padding-left: 3rem;}
  .pl-10  {padding-left: 3.5rem;}
  .pl-11  {padding-left: 4rem;}
  .pl-12  {padding-left: 4.5rem;}
  .pl-13  {padding-left: 5rem;} 



/*Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

  .p-sm-6    {padding: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .p-sm-7    {padding: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .p-sm-8    {padding: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .p-sm-9    {padding: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .p-sm-10   {padding: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .p-sm-11   {padding: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .p-sm-12   {padding: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .p-sm-13   {padding: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .px-sm-6   {padding-left: calc(1.5rem + 2rem) !important; padding-right: calc(1.5rem + 2rem) !important;}
  .px-sm-7   {padding-left: calc(1.5rem + 2.5rem) !important; padding-right: calc(1.5rem + 2.5rem) !important;}
  .px-sm-8   {padding-left: calc(1.5rem + 3rem) !important; padding-right: calc(1.5rem + 3rem) !important;}
  .px-sm-9   {padding-left: calc(1.5rem + 3.5rem) !important; padding-right: calc(1.5rem + 3.5rem) !important;}
  .px-sm-10  {padding-left: calc(1.5rem + 4rem) !important; padding-right: calc(1.5rem + 4rem) !important;}
  .px-sm-11  {padding-left: calc(1.5rem + 4.5rem) !important; padding-right: calc(1.5rem + 4.5rem) !important;}
  .px-sm-12  {padding-left: calc(1.5rem + 5rem) !important; padding-right: calc(1.5rem + 5rem) !important;}
  .px-sm-13  {padding-left: calc(1.5rem + 5.5rem) !important; padding-right: calc(1.5rem + 5.5rem) !important;}

  .py-sm-6   {padding-top: calc(1.5rem + 2rem) !important; padding-bottom: calc(1.5rem + 2rem) !important;}
  .py-sm-7   {padding-top: calc(1.5rem + 2.5rem) !important; padding-bottom: calc(1.5rem + 2.5rem) !important;}
  .py-sm-8   {padding-top: calc(1.5rem + 3rem) !important; padding-bottom: calc(1.5rem + 3rem) !important;}
  .py-sm-9   {padding-top: calc(1.5rem + 3.5rem) !important; padding-bottom: calc(1.5rem + 3.5rem) !important;}
  .py-sm-10  {padding-top: calc(1.5rem + 4rem) !important; padding-bottom: calc(1.5rem + 4rem) !important;}
  .py-sm-11  {padding-top: calc(1.5rem + 4.5rem) !important; padding-bottom: calc(1.5rem + 4.5rem) !important;}
  .py-sm-12  {padding-top: calc(1.5rem + 5rem) !important; padding-bottom: calc(1.5rem + 5rem) !important;}
  .py-sm-13  {padding-top: calc(1.5rem + 5.5rem) !important; padding-bottom: calc(1.5rem + 5.5rem) !important;}

  .pt-sm-6    {padding-top: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pt-sm-7    {padding-top: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pt-sm-8    {padding-top: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pt-sm-9    {padding-top: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pt-sm-10   {padding-top: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pt-sm-11   {padding-top: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pt-md-12   {padding-top: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pt-md-13   {padding-top: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .pr-sm-6    {padding-right: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pr-sm-7    {padding-right: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pr-sm-8    {padding-right: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pr-sm-9    {padding-right: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pr-sm-10   {padding-right: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pr-sm-11   {padding-right: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pr-sm-12   {padding-right: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pr-sm-13   {padding-right: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .pb-sm-6    {padding-bottom: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pb-sm-7    {padding-bottom: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pb-sm-8    {padding-bottom: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pb-sm-9    {padding-bottom: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pb-sm-10   {padding-bottom: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pb-sm-11   {padding-bottom: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pb-sm-12   {padding-bottom: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pb-sm-13   {padding-bottom: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .pl-sm-6    {padding-left: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pl-sm-7    {padding-left: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pl-sm-8    {padding-left: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pl-sm-9    {padding-left: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pl-sm-10   {padding-left: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pl-sm-11   {padding-left: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pl-sm-12   {padding-left: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pl-sm-13   {padding-left: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

}

/*// Medium devices (tablets, 768px and up, stående iPad)*/
@media (min-width: 768px) { 

  .p-md-6    {padding: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .p-md-7    {padding: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .p-md-8    {padding: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .p-md-9    {padding: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .p-md-10   {padding: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .p-md-11   {padding: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .p-md-12   {padding: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .p-md-13   {padding: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .px-md-6   {padding-left: calc(1.5rem + 2rem) !important; padding-right: calc(1.5rem + 2rem) !important;}
  .px-md-7   {padding-left: calc(1.5rem + 2.5rem) !important; padding-right: calc(1.5rem + 2.5rem) !important;}
  .px-md-8   {padding-left: calc(1.5rem + 3rem) !important; padding-right: calc(1.5rem + 3rem) !important;}
  .px-md-9   {padding-left: calc(1.5rem + 3.5rem) !important; padding-right: calc(1.5rem + 3.5rem) !important;}
  .px-md-10  {padding-left: calc(1.5rem + 4rem) !important; padding-right: calc(1.5rem + 4rem) !important;}
  .px-md-11  {padding-left: calc(1.5rem + 4.5rem) !important; padding-right: calc(1.5rem + 4.5rem) !important;}
  .px-md-12  {padding-left: calc(1.5rem + 5rem) !important; padding-right: calc(1.5rem + 5rem) !important;}
  .px-md-13  {padding-left: calc(1.5rem + 5.5rem) !important; padding-right: calc(1.5rem + 5.5rem) !important;}

  .py-md-6   {padding-top: calc(1.5rem + 2rem) !important; padding-bottom: calc(1.5rem + 2rem) !important;}
  .py-md-7   {padding-top: calc(1.5rem + 2.5rem) !important; padding-bottom: calc(1.5rem + 2.5rem) !important;}
  .py-md-8   {padding-top: calc(1.5rem + 3rem) !important; padding-bottom: calc(1.5rem + 3rem) !important;}
  .py-md-9   {padding-top: calc(1.5rem + 3.5rem) !important; padding-bottom: calc(1.5rem + 3.5rem) !important;}
  .py-md-10  {padding-top: calc(1.5rem + 4rem) !important; padding-bottom: calc(1.5rem + 4rem) !important;}
  .py-md-11  {padding-top: calc(1.5rem + 4.5rem) !important; padding-bottom: calc(1.5rem + 4.5rem) !important;}
  .py-md-12  {padding-top: calc(1.5rem + 5rem) !important; padding-bottom: calc(1.5rem + 5rem) !important;}
  .py-md-13  {padding-top: calc(1.5rem + 5.5rem) !important; padding-bottom: calc(1.5rem + 5.5rem) !important;}

  .pt-md-6    {padding-top: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pt-md-7    {padding-top: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pt-md-8    {padding-top: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pt-md-9    {padding-top: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pt-md-10   {padding-top: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pt-md-11   {padding-top: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pt-md-12   {padding-top: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pt-md-13   {padding-top: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .pr-md-6    {padding-right: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pr-md-7    {padding-right: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pr-md-8    {padding-right: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pr-md-9    {padding-right: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pr-md-10   {padding-right: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pr-md-11   {padding-right: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pr-md-12   {padding-right: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pr-md-13   {padding-right: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .pb-md-6    {padding-bottom: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pb-md-7    {padding-bottom: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pb-md-8    {padding-bottom: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pb-md-9    {padding-bottom: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pb-md-10   {padding-bottom: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pb-md-11   {padding-bottom: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pb-md-12   {padding-bottom: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pb-md-13   {padding-bottom: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  .pl-md-6    {padding-left: /*3.5rem*/ calc(1.5rem + 2rem) !important;}
  .pl-md-7    {padding-left: /*4rem*/ calc(1.5rem + 2.5rem) !important;}
  .pl-md-8    {padding-left: /*4.5rem*/ calc(1.5rem + 3rem) !important;}
  .pl-md-9    {padding-left: /*5rem*/ calc(1.5rem + 3.5rem) !important;}
  .pl-md-10   {padding-left: /*5.5rem*/ calc(1.5rem + 4rem) !important;}
  .pl-md-11   {padding-left: /*6rem*/ calc(1.5rem + 4.5rem) !important;}
  .pl-md-12   {padding-left: /*6.5rem*/ calc(1.5rem + 5rem) !important;}
  .pl-md-13   {padding-left: /*7rem*/ calc(1.5rem + 5.5rem) !important;}

  /*STRUCTURE*/
  .rownarrow {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
    left: 0%;
    padding-left: 3rem;
    padding-right: 3rem;
  }

}



/*// Large devices (desktops, liggande iPad, 992px and up)*/
@media (min-width: 992px) {

    /* =========== STRUCTURE =========== */
    .rownarrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        width: 83.333333%;
        left: 8.333333%;
        position: relative;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

/*// Super large devices (large desktops, 1500px and up) - is giving the site a max-width*/
@media only screen and (min-width : 1500px) {

  .col-sm-10.repeating-fields-inner,
  .col-sm-10.infoblock-content-outer,
  .col-sm-10.infoblock-header,
  .contact-fields .col-sm-10,
  .closing-field .col-sm-10 {
    max-width: 1500px;
  }
  .col-sm-10.repeating-fields-inner,
  .col-sm-10.infoblock-content-outer,
  .contact-fields .col-sm-10,
  .closing-field .col-sm-10 {
    flex: 0 0 100%;
  }
}