a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}*{margin:0;padding:0;box-sizing:content-box;-wibkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box}:after,:before{-wibkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}html{font-size:100%}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
@font-face {
font-family: 'Tiempos Light';
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Light.otf)  format('otf');
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Light.eot)  format('eot');
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Light.ttf)  format('truetype');
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Light.woff)  format('woff');
}
@font-face {
font-family: 'Tiempos Headline';
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Semibold.otf)  format('otf');
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Semibold.eot)  format('eot');
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Semibold.ttf)  format('truetype');
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Tiempos/TiemposHeadlineWeb-Semibold.woff)  format('woff');
}
@font-face {
font-family: 'Circular';
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Circular/CircularXXWeb-Book.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Circular Light';
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Circular/CircularXXWeb-Light.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Circular Bold';
src: url(//panoramica.se/wp-content/themes/Panoramica-21/font/Circular/CircularXXWeb-Bold.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}  html {  --color-yellow-dark: #f2cb05;
--color-pink: #fccdcd;
--color-green: #cce8e0;
--color-red: #f20505;
--color-green-dark: #038c65;
--color-purple: #8f2de0;
--color-blue: #1c93f5;
--color-yellow: #fffb29;
--color-gray: #707070;
--color-black: #000000;
font-family: 'Circular Light';
font-weight:normal;
font-size: 10px;
color: #1c1c1c;
}
.wrap {
width: 1380px;
margin: 0 auto;
}
section { margin: 0 auto;
padding: 13rem 0;
}
div,
section,
article,
header,
footer,
.grid-container *,
a.block {
box-sizing: border-box;
}
a {
color: inherit;
text-decoration: none;
} .grid-container {
width: 1040px;
margin: auto;
}
.grid-container h2 {
margin-bottom: 1.5rem;
}
.grid {
margin: 0;
display: flex;
display: -moz-flex;
display: -webkit-flex;	
display: -webkit-flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.flex {
display:flex;
display:-moz-flex;
display:-webkit-flex;	
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.block {
display: block; margin: 1rem;
position: relative;
}
.grid-1-col .block {
width: calc(55% - 2rem);
margin: auto;
}
.grid-2-col .block {
width: calc(50% - 2rem);
}
.grid-3-col .block {
width: calc(33.33% - 2rem);
}
.grid-4-col .block {
width: calc(25% - 2rem);
}
.grid-6-col .block {
width: calc(16.66% - 2rem);
}
.grid-1 .block {
margin: 0;
display:flex;
}
.grid-1 .img-block,
.grid-1 .text {
width: 50%;
}
.grid-1 .text {
padding: 2rem;
} .grid-2-col, .grid-3-col { }
.grid-2-col .block:nth-of-type(odd){
margin-left: 0;
}
.grid-2-col .block:nth-of-type(even){
margin-right:0;
} .margin-xl{
margin-top:7rem;
}
.margin-md{
margin-top:5rem;
}
.margin-sm{
margin-top:3rem;
}
.margin-xs{
margin-top:1rem;
} .bildblock .block .text {
padding: 1.4rem;
}
.bildblock .block .text h3 {
margin: 0;
}
.block .text h3 {
margin-bottom: 2rem;
}
.grid-2-col h2, .grid-3-col h2 {
margin-bottom: 0.5rem;
}
#owl .block {
padding: 0.5rem;
}
.bg-gray #owl .block .text {
background: white;
padding: 0.9rem;
}
.img-block img, .block img, .block-2 img,
.img-side img, .tag img, .sektionsbild img{
width: 100%;
height: auto;
display: block;
} .center-text {
justify-content: center;
}
.flex-center {
align-items: center;
}
.clear {
clear: both;
}
.date {
font-family: 'Circular', sans-serif;
font-size: 1.7rem;
}
hr {
border: 0 none;
height: 4px;
margin: 1rem 0;
width: 100%;
box-sizing: border-box;
}
hr.fullwidth {
width: 100%;
background: white;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.hidden,
.medium-show,
.small-show{
display:none !important;
}
.hide-overflow {
overflow:hidden;
}
.uppercase {
text-transform: uppercase;
}
.reverse {
display: -webkit-flex; -webkit-flex-direction: row-reverse; display: flex;
flex-direction: row-reverse;
}
.pointer {
cursor: pointer;
}
.btn {
display: inline-block;
padding: 2rem;
font-family: 'Circular Light', sans-serif;
font-size: 2rem;
font-weight: normal;
color: inherit;
text-transform: none;
letter-spacing: 0.02em;
text-align: left;
}
.btn:hover{
background-color: var(--color-yellow-dark);
}
.bg-red .btn:hover,
.bg-pink .btn:hover{
background-color: var(--color-blue);
}
.btn.center {
left: 50%;
transform: translateX(-50%);
}
.pos-abs {
position: absolute;
}
.abs-center {
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
}
.block ul {
list-style: disc;
margin-left: 2rem;
} .bg-blue {
background: var(--color-blue);
color: white;
}
.bg-black {
background: var(--color-black);
color: white;
}
.bg-red {
background:var(--color-red);
color: white;
} 
.bg-yellow{
background: var(--color-yellow-dark);
color: white;
}
.bg-green {
background: var(--color-green);
}
.bg-green-dark {
background: var(--color-green-dark);
color: white;
}
.bg-pink {
background: var(--color-pink);
}
.bg-yellow-dark {
background: var(--color-yellow-dark);
}
.bg-purple {
background: var(--color-purple);
}
.bg-black {	
background: #1c1c1c;	
}
.bg-white {
background: white;
}
.text-white {
color: white;
}
.text-red {
color: rgb(194,67,0);
}
.text-blue {
color: var(--color-blue);
}
.text-pink {
color: var(--color-pink);
}
.text-yellow-dark {
color: var(--color-yellow-dark);
}
.text-black {
color: #1c1c1c;
}   .embedded-video {
display: block;
overflow: hidden;
width: 100%;
height: inherit; }
.embedded-video .wrapper {
display: block;
overflow: hidden;
width: 100%;
}
.embedded-video iframe {
display: block;
height: 100%;
width: 100%;
}
@media screen and (min-width: 651px) {
.embedded-video {
padding-bottom: 56.25%; position: absolute;
left: 0;
top: 50%;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.wrapper.is-desktop {
display: block;
height: 300%;
left: 0px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.wrapper.is-mobile {
display: none;
}
.js-scroll {
display: none;
}
}
@media screen and (max-width: 650px) {
.wrapper.is-desktop {
display: none;
}
.wrapper.is-mobile {
display: block;
height: 100%;
width: 100%;
padding-top: 125%;
height: 0;
position: relative;
}
.embedded-video iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }  } .img-block img{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.img-block {
overflow: hidden; }
.top-image {
margin-bottom: 4rem;
}
.circle {
background-size: 100% auto!important;
border-radius: 50%;
height: 0;
margin-left: 3%;
overflow: hidden;
padding-top: 84%;
position: relative;
transition: all 0.3s ease-in-out 0s;
width: 84%;
margin-bottom: 1rem!important;
}
.circle:hover {
background-size: 103%!important;
}
.round {
padding: 2rem;
border-radius: 50%;
}
.round img {
border-radius: 50%;
}
.grid-3-col .img-block img:hover {
-webkit-transform:scale(1.02); -moz-transform:scale(1.02); -ms-transform:scale(1.02); -o-transform:scale(1.02); transform:scale(1.02);
}
.textblock{
background-color: #CAE0D4; }
.text-2-col {
column-count: 2;
}
.block .text {
padding-right: 1rem;
padding-bottom: 0.5rem;
}
.visningsinfo {
color:white;
padding: 3rem 2rem;
}
.visningsinfo h2 {
font-size: 3.6rem;
margin:0;
line-height: 1.2em;
color:white;
} .visningsinfo h3, .visningsinfo p{
color: white!important;
}
.visningsinfo a h2{
color: var(--color-yellow-dark) !important;
}
article {
margin: 0;
} .logga {
width: 150px!important;
}
.partner-logga {
width:250px!important;
margin-bottom: 1.5rem;
} form input {
width:100%;
box-sizing: border-box;
border:none; background: #ededed;
padding:1rem;
text-transform: uppercase;
margin-bottom: 1rem;
}
form label, form input { font-family: 'Circular', sans-serif;
font-size: 1.5rem;
font-weight: 600;
}
form input[type="submit"] { width: 250px;
margin: 2rem auto;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
}
form input[type="submit"]:hover {
background: var(--color-yellow-dark);
} h1, .hline-xl {
font-family: "Circular Bold", sans-serif;
line-height: 1em;
font-weight: normal;
font-style: normal;
font-size: 8.1rem;
margin-bottom: 1rem;
}
h2, .hline-lg {
font-family: "Circular Bold", sans-serif;
line-height: 1em;
font-weight: normal;
font-style: normal;
font-size: 4.8rem;
margin-bottom: 1rem;
}
.single-post h2 {
margin: 1.5rem 0 0.3rem;
}
h3, .hline-md {
font-family: 'Circular Bold', sans-serif;
font-size: 2.8rem;
font-weight: normal;
line-height: 1em;
margin-bottom: 1.5rem;
}
h4 {
font-family: 'Circular', sans-serif;
font-size: 1.8rem;
font-weight: normal;
margin-bottom: 0.5rem;
}
p, ul {
font-family:'Circular Light', sans-serif;
font-weight: normal;
font-size: 1.8rem;
line-height: 1.2em;
margin-bottom: 1rem;
}
ul {
margin-bottom: 1rem;
}
ul li {
margin-bottom: 0.5rem;
}
ul.falist { padding-left: 4rem;
}
ul.falist li{
width: 100%;
}
ul.falist .fa {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -3rem;
}
.ingress p, .bold {
font-family: "Circular Bold" !important;
}
p strong {
font-family: 'Circular', sans-serif;
font-size: 0.9em;
font-weight: 600;
}
p .conduit {
font-family: 'Circular', sans-serif;
font-size: 1.6rem;
font-weight: 600;
}
.text a, .menu-press a,
.filmpage .block-4 a,
.single-post .grid-container a,
.grid-1-col .block a {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
font-family: inherit;
font-size: inherit;
font-weight: 600;
}
.text p a {
font-size: 0.9em;
}
.accent {
font-family: inherit;
font-size: inherit;
letter-spacing: 0.02em;
font-weight: normal;
line-height: 1.33em;
word-break: keep-all;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.read-more:hover, 
.text a:hover, 
.menu-press a:hover,
.filmpage .block-4 a:hover,
.grid-1-col .block a:hover{
color: var(--color-yellow-dark);
text-decoration: underline;
}
.vinjett {
position: absolute;
top:2rem;
right:2rem;
width:180px;
}
.vinjett p {
font-size:1.3rem;
margin-right: 3.5rem;
text-align:right;
}
.bildtext-small {
font-size:1.3rem;
} header {
position: relative;
width: 100vw;
}
.header-bg {
position: relative;
top: 0;
left: 0;
z-index: 0;
width: 100vw;
}
.video-bg{
height:auto;
}
.video-bg .embedded-video{
transform:none;
}
.video-bg .embedded-video .wrapper{
height:100%;
}
.header-logga {
display:none;
}
.page-template-page-start .header-logga {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(1040px + 4rem);
padding: 0 2rem;
width: 100%;
display: block;
transition: .3s ease; }
.page-template-page-start .header-logga img {
max-width:480px;
width: 100%;
height: auto;
}
.header-logga h1 {
font-size: 10.5rem; 
text-transform: uppercase; 
margin: 0 auto; 
line-height:1em; 
color:white;
text-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.header-logga h2 { 
font-size: 4.8rem; 
margin:0; 
color:white;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.titel {
display:inline;
position:absolute;
top: -17.5rem;
}
.titel h1 { color:white!important;} #toggle {
display: none;
cursor:pointer;
width: 4rem;
height: 50px;
position: fixed;
margin:0;
top: 1.5rem;
right: 1.5rem;
z-index: 2001;
}
#toggle div {
width: 100%;
height: 2px;
background: #222327;
margin: 8px auto;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
backface-visibility: hidden;
}
#toggle.on .one {
transform: rotate(45deg) translate(5px, 6.5px);
-moz-transform: rotate(45deg) translate(5px, 6.5px);
-webkit-transform: rotate(45deg) translate(5px, 6.5px);
}
#toggle.on .two {
opacity: 0;
}
#toggle.on .three {
transform: rotate(-45deg) translate(7px, -10px);
-moz-transform: rotate(-45deg) translate(7px, -10px);
-webkit-transform: rotate(-45deg) translate(7px, -10px);
}
.menu-header {
display: inline-block;
}
nav {
width: 100%;
height: 11rem;
top: 0;
z-index:2;
position: absolute;
box-sizing: border-box;
padding: 2.4rem;
background:white;
}
nav .logo-small {
position: absolute;
top: 0;
left: 0;
width: 8.5rem;
z-index: 1;
padding: 2.4rem;
}
nav .logo-small img {
height: auto;
width: 100%;
} .single nav, 
.page-template-default nav,
.page-template-pageInfo nav,
.page-template-page-media nav {
position: fixed;
}
nav .menu li {
margin: 0 1rem;
display: inline-block;
padding: 0 3rem 1rem 3rem;
cursor: pointer;
z-index: 2;
}
nav .menu li:before{
content: "|";
float: left;
position: absolute;
left: -1.5rem;
}
nav .menu li:first-of-type::before,
nav .menu li .sub-menu li::before{
display: none;
}
nav .menu li a {
font-family: 'Circular Bold', sans-serif;
font-size: 2rem;
position: relative;
z-index: 2;
}
nav .menu .current-menu-item a {
color: var(--color-yellow-dark);
}
nav .menu .current-menu-item .sub-menu a {
color: var(--color-black);
}
nav .menu li a:hover,
nav .menu .current-menu-item .sub-menu a:hover {
color: var(--color-yellow-dark);
} nav .menu .sub-menu { 
background: white;
padding: 4rem 0 2rem;
margin-top: -4rem;
z-index: 1;
display: none; 
position: absolute;
left:1.5rem;
z-index: 1; top: 4rem;
width: calc(100% + 3rem);
text-align: left;
}
nav .menu .sub-menu li {
padding: .5rem 1.5rem;
box-sizing: border-box;
}
nav .menu ul li { float: none;
width: 100%;
margin:0;
padding: 1rem 2rem;
cursor: pointer;
}
nav .menu ul li:last-child { padding-bottom: 0;
}
nav .menu .sub-menu li a {
font-family: 'Circular', sans-serif;
font-size: 1.8rem;
}  nav .menu li:hover .sub-menu {
display: block; 
}
#home-link {
display:none;
float:left;
font-size:2rem;
position:relative;
margin-top: 2rem;
margin-left: 5.5rem;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.sticky {
position: fixed;
top:0!important;
margin-top: 0;
} .langs {
position: fixed;
right: 4rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.langs .wpml-ls-statics-shortcode_actions ul li a {
display: block;
font-family: 'Circular', sans-serif;
font-size: 1.8rem;
font-weight: 600;
padding: 0.3rem 0;
margin: 0.3rem 0;
border-bottom: 2px solid black;
}
.langs .wpml-ls-statics-shortcode_actions ul li a:last-child {
border: none;
}
.langs ul li.wpml-ls-current-language a,
.langs ul li a:hover {
color: var(--color-yellow-dark);
}
.langs {
position: fixed;
right: 4rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
@media only screen and (max-width : 700px) {
.langs {
top: 75%;
}
}
.langs a {
display: block;
font-family: 'Circular', sans-serif;
font-size: 1.8rem;
font-weight: 600;
padding: 0.3rem 0;
margin: 0.3rem 0;
border-bottom: 2px solid #1c1c1c;
}
.langs a:last-child {
border: none!important;
}
.langs a.active,
.langs a:hover {
color: var(--color-yellow-dark);
} main {
display: block;
left: 0;
width:100%;
position: relative;
background: white;
padding-top: 8rem;
}
main.sticky {
margin-top:5.6rem;
}  section .grid-container h1,
section .grid-container h2 {
margin-bottom: 6rem;
width: 90%;
} section.bg-img {
padding: 3rem 0;
}
section.bg-img .grid-container {
height: 100%;
}
section.bg-img .grid-container .title {
position: absolute;
bottom: 0;
} .linked-sections h2 {
margin-bottom: 4rem;
}
.linked-sections .block {
height: 18rem;
margin: 0 1rem;
}
.linked-sections .block h2 {
margin: 0;
font-size: 5rem;
text-align: center;
}
.img-side {
position: absolute;
right: -25rem;
width: 20rem;
transform: translateY(50%);
bottom: 50%;	
}
.img-side img {
border-radius: 50%;
margin-bottom: 0.5rem;
}  .cta-block .grid-container{
align-items: center;
}
.flex-two-thirds{
width:66%;
}
.flex-one-third{
width: 33%;
}
.flex-one-third img{
max-width:250px;
}
.cta-block .links .btn{
min-width:230px;
}
.cta-block .links a:first-of-type{
margin-right: 3.6rem;
} .full-width-image, 
section.bg-img{
padding:0 !important;
height:64rem;
}
.full-width-image .bg-img,
.full-width-image .bg-img .gradient,
.full-width-image .bg-img .grid-container {
height:100%;
}
.full-width-image p{
color: white;
padding-top:.2rem;
} .page-template-page-start main {
margin-top: 0 !important;
padding-top: 0;
transition: .3s ease;
}
.page-template-page-start nav {
top:-8rem;
}
.page-start section.top .top-text .block {
max-width: 1040px;
width: 100%;
}
footer section.top{
padding-bottom: 8rem;
}
.page-start section.top h1 {
margin: 0 auto 3rem;
line-height: 1em;
width: auto;
} @media (max-width: 700px) {
.page-start section.top h1 {
margin-top: 8rem !important;
}
}
.page-start section.top p {
font-family: 'Circular', sans-serif;
font-size: 2rem;
font-weight: 500;
padding: 0 6rem;
}
.page-start section.bildblock .block .text {
padding: 2rem;
}
.grid-3-col .text h3 {
line-height: 1.1em;
}
section.slideshow {
padding: 0;
}
section.slideshow .owl-carousel {
height: 64rem;
}
section.slideshow .gradient {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
section.slideshow .title, 
.full-width-image .title {
position: absolute;
bottom:0;
height:auto!important;
margin-bottom: 5rem; width: 65%;
}
section.slideshow .title h2, 
.full-width-image .title h2 {
margin-bottom: 1rem;
font-family: "Circular Bold";
width: 100%;
}
section.slideshow .owl-carousel .owl-stage-outer,
section.slideshow .owl-carousel .owl-stage,
section.slideshow .owl-carousel .owl-item,
section.slideshow .owl-carousel .owl-item div{
height: 100%;
}
section.nyheter .masonry {
margin-bottom: 4rem;
}
section.nyheter .masonry .block {
padding: 1rem;
margin: 0;
width: 33.33%;
}
section.nyheter .masonry .block .text {
padding: 2rem 1.5rem;
margin: 0;
background: white;
}
.block h3 {
display: inline-block;
margin: 1rem 0 1.2rem;
} .post-type-archive-evenemang .extra-info {
height: 75px;
width: 75px;
transform: rotate(350deg);
right: auto;
left: -0.5rem;
top: -1rem;
z-index: 1;
}
.extra-info h4 {
position: absolute;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1em;
text-align: center;
color: white;
font-family: 'Circular', sans-serif;
font-weight: 400;
}
#program h3 {
display: inline-block;
margin: 2.5rem 0 1.3rem;
}
#program .programitem {
background: rgba(3, 195, 255,0.25);
box-sizing: border-box;
padding: 1.8rem 1.5rem;
}
#program .programitem.dark {
background: rgba(3, 195, 255,0.40);
}
.programitem .halfwidth {
width: 30%;
}
.programitem .fullwidth {
width: 40%;
padding-right: 1rem;
}
.programitem p {
font-weight: 500;
margin: 0;
}  .programitem h2, .programitem h3{
margin-bottom: 0; box-sixing: border-box;
padding-right: 1rem;
}   .filter, .filter-date {
display: none;
}
.filter ul li{
cursor: pointer;
font-size: 1.8rem;
display: inline-block;
border: 2px solid;
padding: 0.5rem;
margin: 0.5rem;
}
.kat-active {
background-color: red;
}
#program .row, .program .rubrik {
margin: 0 -1.5rem;
}
#program .listitem h2 {
margin: 0;
color: #222327;
word-break: normal;
}
#program .listitem .col-3 h2, .rubrik .col-3 h2 {
margin-left:5rem;
}
#program .listitem.row,
#program .rubrik.row {
margin: 0;
}
#program .favorit {
float:right;
} 
.listitem:hover {
background: rgba(233,236,243,0.7);
}
.rubrik {
display:none;
border-bottom: 2px solid #222327;
}
.changeview{
text-align: right;
}
h2#showlist {
margin:0;
}
h2#showblock {
display:none;
margin: 0;
}
.awesome {
margin: 0 0 0 1rem;
}
.listitem [class*='col-'], .rubrik [class*='col-'] {
padding:0 1.5rem!important;
margin:0!important;
}
#program .hover {
position:absolute;
top:2rem;
right:0.5rem;
width:40%;
opacity:0;
text-transform: none!important;
}
#program .hover p {
color:#ff4e50!important;
}
#program .hover:hover {
opacity:1;
} .single-evenemang nav {
background: white;
}
.single-evenemang section .grid-container h1 {
margin-bottom: 1rem;
}
.single-film .embed-container {
margin-bottom: 2rem;
}
.single-film hr{
height:1px;
background-color: black;
}
.single-film h2 {
margin-bottom: 0.8rem;
}
.single-film .block-4 h2 {
line-height: 1.3em;
}
.single-film h2 {
font-family: 'Circular', sans-serif;
font-weight: normal;
}
.single-film section.top {
padding: 0;
}
.single-film section.content {
padding: 3rem 0 7rem;
}
.ticket_ocassion {
margin: 2rem 0 1rem;
}
section .grid-container .ticket_ocassion h2 {
margin-bottom: 0.5rem;
}
.kopknapp {
text-transform: none;
font-weight: 600;
margin: 1rem 0;
min-width:230px;
}
.single-film .block-4{
padding-left: 4rem;
}
.single-film .block-4 p{
margin-bottom:2rem;
}
.extra-info {
display: block;
height: 11rem;
width: 11rem;
border-radius: 50%;
position: absolute;
top: -1rem;
right: 0;
transform: rotate(10deg);
}
.extra-info a {
color: #1c1c1c;
}
.extra-info h3 {
position: absolute;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1em;
text-align: center;
font-size: 1.7rem;
margin: 0;
}
.single-film .synopsis img {
width: auto;
height: 100%;
}
.block-2 {
width: calc(33.33% - 2rem);
}
.block-2 img {
margin-bottom: 2rem;
}
.block-2 h2 {
margin-bottom: 0.3rem;
}
.block-2 h4 {
margin-bottom: 1.5rem;
}
.block-4 {
width: calc(66.66% - 2rem);
}
.trailer-mobile {
display:none;
}
.embed-container { 
position: relative; 
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.related-posts .img-block{
height: 230px;
}
.related-posts .img-block img{
height: 100%;
object-fit: cover;
}
.related-posts .text{
padding:.5rem 1.5rem;
height: calc(100% - 230px);
} .bildblock.lokaler .block .text h3 {
margin-bottom: 0.7rem;
}
.bildblock.lokaler .block .text h4 {
margin-bottom: 1rem;
} .bg-gray .deltagare .block {
background: none!important;
} .popuptext {
padding: 2rem 3rem;
margin-bottom: 3rem;
}
.close-button {
z-index: 1000;
font-size: 2rem;
position: absolute;
right:10px;
top:10px;
} .page-template-page-media .block-4.block {
padding-left: 0;
}
form.press input[type="submit"] {
margin-top: 0;
}
.page-template-page-media .block h4 {
color: #01af8e;
}
.gallery-single {
width: 20%;
float:left;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
}
.gallery-single:hover {
opacity:0.8;
} .page-vod .top h1 {
font-size: 6rem;
}
.page-vod .grid-3-col .text h3 {
margin: 1.5rem 0 0.5rem;
}
.page-vod .top {
height: 60vh;
padding: 0;
position: relative;
}
.page-vod .top img {
height: 100%;
width: 100%;
object-fit: cover;
}
.page-vod .top .grid-container {
position: absolute;
bottom: 4rem;
left: 50%;
transform: translateX(-50%);
}
.page-template-page-vod .nyhetsbrev {
display: none;
}
.page-vod .block {
margin-bottom: 2rem;
}
.page-template-page-vod .langs {
color: white;
}
.page-template-page-vod .langs a {
border-bottom: 2px solid white;
} .single-post h1 {
margin-top: 4rem;
}
.press article {
margin-top:0;
margin-bottom: 2rem;
}  .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} footer {
position:relative;
box-sizing: border-box;
background-color: var(--color-black);
color: white;
}
footer p, footer a {
color: white;
font-size: 1.5rem;
} footer .grid .block {
padding: 0;
margin: 0;
}
footer hr {
margin: 0;
}
footer .icon {
width: 3rem;
margin-left: 1rem;
display: inline-block;
}
footer .logo {
width: 40%;
padding-bottom:2rem;
}
.sponsor img {
width: 100%;
max-width:250px;
margin: 0 auto;
}
footer .social a {
margin-right: 1.5rem;
display: inline-block;
}
footer .social .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
color: white;
font-size: 2.2rem;
}
footer .social .border {
display: inline-block;
border-radius: 50%;
width: 3.8rem;
height: 3.8rem;
position: relative;
border: 2px solid white;
}
footer .social a:hover .border{
background: white;
}
footer .social a:hover .fa{
color: rgb(0,41,79);
}
footer .sponsors {
justify-content: center;
margin: 0 -2rem;
}
footer .partners {
margin-top: 8rem;
margin-bottom: 6rem;
}
footer .border-yellow::after {
content: "";
display: block;
background-image: url(//panoramica.se/wp-content/themes/Panoramica-21/images/border.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100px;
}
footer .partners h3 {
margin-bottom: 4rem;
}
footer .partners .wrapper {
display: block;
}
footer .partners h4 {
display: inline-block;
margin-bottom: 0.3rem;
}
footer .partners a:hover {
color: var(--color-blue);
} .nyhetsbrev h3 {
margin-bottom: 2rem;
}
.nyhetsbrev h4 {
text-transform: none;
margin-bottom: 2rem;
}
.nyhetsbrev .grid-1-col .block {
width: 50%;
text-align: left;
margin:0;
}
#mc_embed_signup div.mce_inline_error {
background: rgba(0,0,0,0)!important;
}
footer img.logga {
max-width:170px;
margin-right: 1rem;
margin-bottom: 2rem;
vertical-align: middle;
}
.footer-info {
padding-bottom:10rem;
} @media only screen and (max-width : 1650px) {
.img-side {
display: none;
}
}
@media only screen and (max-width : 1420px) {
.medium-show {
display: block;
}
.wrap {
width: auto;
}
.owl-nav div {
width: 20px;
}
.owl-nav .owl-prev {
left: -20px;
}
.owl-nav .owl-next {
right: -20px;
}
}
@media only screen and (max-width : 1200px) {
.page-template-page-start .bildblock {
padding: 0 4rem;
}
.full-width-image,
section.bg-img {
height: 50rem;
}
section.slideshow .owl-carousel {
height: 50rem;
}
}
@media only screen and (max-width : 1080px) { nav .menu li {
padding: 1rem 3rem;
} .grid-container,
.slideshow .grid-container{ margin: auto;
padding: 2rem;
width: 100%;
} h1, .hline-xl{
font-size: 4.4rem;
}
h2, .hline-lg {
font-size: 3rem;
}
h3, .hline-md {
font-size: 2.2rem;
} section.nyheter .masonry .block {
width: 50%; 
}  .owl-carousel {
margin: 0;
}
.extra-info {
right: 1rem;
}
.sektionsbild {
margin: 4rem -2rem -8rem;
}
.sektionsbild h4 {
position: absolute;
bottom: 1rem;
left: 1rem;
color: white;
padding: 0.5rem;
background: rgba(0,0,0,0.2);
}
}
@media only screen and (max-width : 900px) { nav .menu li {
padding: 1rem 2rem;
}
nav .menu .sub-menu li a {
font-size: 1.5rem;
}
.page-template-page-start .header-logga img{
max-width: 50vw;
}  .grid-3-col .block {
width: calc(33.33% - 2rem);
}
.block .text {
padding-right: 0;
}
p {
font-size: 1.5rem;
} .page-start section.top .top-text .block {
width: 100%;
}
section.slideshow .title {
width: calc(100% - 4rem);
} .programitem .halfwidth,
.nyhetsbrev .grid-1-col .block,
.deltagare.grid-4-col .block
{
width: 50%;
}
.sektionsbild {
margin: 0 -1.7rem;
}
.kopknapp {
min-width:auto;
} .cta-block .grid-container{
flex-direction: column-reverse;
align-items: flex-start;
}
.cta-block .grid-container h2{
width: 100%;
}
.cta-block .flex-two-thirds{
width:100%;
padding-top:3rem;
}
.cta-block .flex-one-third{
width: 100%;
text-align: left;
}
.cta-block .links a:first-of-type{
margin-right: 2rem;
}
} @media only screen and (max-width : 700px) { section {
padding: 3rem 0;
} .grid-container {
padding: 0 2rem;
}
.grid-1-col .block, 
.grid-2-col .block, 
.grid-3-col .block,
.block-2,
.block-4{
width: 100%;
}
.grid-1-col .block {
padding: 0;
}
.grid-2-col .block{
margin: 1rem 0;
}
.grid-3-col .block { }
.small-show {
display: block !important;
} .margin-xl{
margin-top:4rem;
}
.margin-md, .margin-sm{
margin-top:2rem;
} hr {
margin-bottom: 2rem;
}
.btn{
font-size: 1.5rem;
} section .grid-container h1,
section .grid-container h2 {
width: auto;
}
section .grid-container h1, 
section .grid-container h2 {
margin-bottom: 2rem;
}
h1, .hline-xl {
font-size: 3rem;
}
h2, .hline-lg {
font-size: 2.4rem;
}
h3, .hline-md {
font-size: 1.9rem;
}
h4, p, ul{
font-size:1.5rem;
}   .menu-header {
display: block;
}
#toggle {
display: inline-block;        
}
nav {
width: 100%;
height: 6rem;
top: 0;
z-index: 2;
position: fixed;
box-sizing: border-box;
padding: 2rem;
background: none;
}
nav .logo-small {
position:fixed;
top:0;
left:0;
width:100vw;
height: 6rem;
padding: 0.5rem;
display: block;
z-index: 2000;
background: white;
}
nav .logo-small img {
height: 100%;
width: auto;
}
.lang_selector {
float: none;
left: 0;
margin: 1.5rem;
padding:0;
position: relative;
top: 2rem;
}
.lang_selector a {
font-size: 2.7rem;
}
nav .menu-wrapper {
display:none;
margin-top: 0;
bottom: 0;
left: 0;
right: 0;
position:fixed;
top:4rem;
z-index:1999;
background: white;
}
nav .menu {
float: none;
right: 0;
margin-top: 4rem;
}
nav .menu li {
margin: 0.5rem 1.5rem;
display: block;
}
nav .menu li::before{
display: none;
}
nav .menu li a {
font-size: 3rem;
}
nav li:first-child a {
margin-bottom:1.5rem;
}
nav ul {
padding-bottom: 1.5rem;
}
nav li {
float:none!important;
} nav .menu .sub-menu {
display: block;
right: 0;
position: relative;
padding-top: 1rem;
padding-bottom: 3rem;
text-align: right;
width: auto;
}
.sektionsbild {
margin: 0 -1.5rem;
}   section.nyheter .masonry .block h3 {
font-size: 1.9rem;
}
section.nyheter .masonry .block p {
font-size: 1.5rem;
} section.bg-img {
padding: 1rem 0;
}
#owl .block {
padding: 0;
float: none;
}
.grid-4-col .block {
width: calc(50% - 2rem);
}
.sponsors .block {
padding: 1rem;
}  .page-start section.top{
padding-bottom: 1rem;
}
.page-template-page-start section {
padding-bottom: 3rem;
}
.page-start section.top p {
padding: 0 2rem;
}
.page-template-page-start section.slideshow {
padding-bottom: 0;
}
.page-template-page-start #owl .block {
margin-bottom: 1.5rem;
}
main {
padding-top:50px;
margin-top: 0;
}
.page-template-page-start main {
padding-top:0;
margin-top: calc(100vw + 6rem);
}
.page-template-page-start .header-logga {
left: 50%;
top: calc(50vw + 9rem);
transform: translate(-50%,-50%);
}
h2,
.page-start section.top h1,
section.slideshow .title h2,
section.nyheter h2{
font-size: 3rem;
} .page-program .filmer .block {
width: calc(50% - 2rem);
}
.page-program .filmer .block h3 {
font-size: 1.3rem;
line-height: 1.3em;
}
.page-program .filmer .block .text {
padding: 1.1rem 1rem;
}
#program h2 {
margin-bottom: 1rem;
}
#program h3 {
margin: 2rem 0 1rem;
}
.programitem .halfwidth, .programitem .fullwidth,
.nyhetsbrev .grid-1-col .block {
width: 100%;
}
.post-type-archive-evenemang .grid-3-col .block { }
.programitem .tag {
width: 4rem;
right: 1rem;
} .single-evenemang h1 {
font-size: 2.8rem;
}
.single-evenemang h2 {
font-size: 2rem;
}
.single-evenemang h3 {
font-size: 2.4rem;
margin-bottom: 1rem;
}
.single-film .grid-container .block {
margin: 0 0 1.5rem;
}
.single-film .block-4{
padding-left: 0;
padding-top: 2rem !important;
border-top: 1px solid;
}
.single-film .grid-container .block.top {
padding: 0;
margin: 0;
}
.single-film .grid-container .block.top h2 {
margin-bottom: 0;
line-height: 1.3em;
}
.single-film .block-2 img {
margin-bottom: 1rem;
}
.single-evenemang .small-show {
margin-bottom:2rem;
}
.extra-info {
top: -5rem;
}
.ticket_ocassion:first-of-type {
margin-top:1rem;
}  .deltagare.grid-4-col .block {
width: 100%;
padding: 0;
}
.circle {
margin-left: 5%;
padding-top: 90%;
width: 90%;
} .page-vod .grid-3-col .block {
width: calc(50% - 2rem);
}
.page-vod .top h1 {
font-size: 3rem;
}  .grid-3-col.sponsors .block{
width: calc(50% - 2rem) !important;
}
footer .grid .block {
padding: 0;
}
.footer .block-2 {
margin-bottom: 0;
text-align: center;
}
.footer .block-2 img {
margin-bottom: 0;
}
.footer .right {
text-align: left;
}
footer .block .text.block {
padding: 0;
margin: 0;
}
.nyhetsbrev .grid-1-col .block {
width: 100%;
}
footer .partners {
margin-top: 0;
margin-bottom: 2rem;
}
}
@media only screen and (max-width : 550px) {
h2, 
.page-template-page-start .top-text h1, 
section.slideshow .title h2,
section.nyheter h2 {
font-size: 2.7rem;
}  section.nyheter .masonry .block {
width: 100%;
padding: 1rem 0;
}
.linked-sections .block h2 {
margin-bottom: 2rem;
} .page-start section.top .top-text .block,
.page-start .top-text {
padding: 0;
}
.page-start .bildblock {
padding: 0 2rem;
}
.post-type-archive-evenemang .extra-info {
height: 55px;
width: 55px;
}
section.slideshow .owl-carousel {
height: 100vw;
} .flex-one-third img{
max-width:33vw;
}
.cta-block .links a{
min-width: auto;
margin-bottom:2rem;
} .full-width-image,
section.bg-img {
height: 100vw;
}
.full-width-image .title {
width: auto;
}
form input[type="submit"] {
width:100%;
}
}
@media only screen and (max-width : 400px) {
html {
font-size: 9px;
}
} @media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) { }
@media print {
* {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}  @font-face{font-family:flexslider-icon;src:url(//panoramica.se/wp-content/themes/Panoramica-21/fonts/lexslider-icon.eot);src:url(//panoramica.se/wp-content/themes/Panoramica-21/fonts/lexslider-icon.eot?#iefix) format('embedded-opentype'),url(//panoramica.se/wp-content/themes/Panoramica-21/fonts/lexslider-icon.woff) format('woff'),url(//panoramica.se/wp-content/themes/Panoramica-21/fonts/lexslider-icon.ttf) format('truetype'),url(//panoramica.se/wp-content/themes/Panoramica-21/fonts/lexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:focus,.flex-container a:hover,.flex-slider a:focus,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a .flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} .aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div, ul, li { position:relative }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } .wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
nav li { position: relative;
} nav ul ul ul {
left: 100%;
top: 0;
}   .text-green {
color: #01af8e;
}
.margin-bottom-heading {
margin-bottom: 3rem;
}