html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
table {
border-spacing: 0;
}
a img {
border: none;
}
img {
max-width:100%;
height:auto;
}
a {
color: #285b6e;
}
a:hover {
color: #285b6e;
}
:target:before {
content: "";
display: block;
height: 10rem;
margin: -10rem 0 0;
}
.center {text-align: center;}  @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-regular.eot); src: local(''),
url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-regular.woff2) format('woff2'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-regular.woff) format('woff'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-regular.ttf) format('truetype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-regular.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700.eot); src: local(''),
url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700.woff2) format('woff2'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700.woff) format('woff'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700.ttf) format('truetype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-italic.eot); src: local(''),
url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-italic.eot?#iefix) format('embedded-opentype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-italic.woff2) format('woff2'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-italic.woff) format('woff'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-italic.ttf) format('truetype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-italic.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 600;
src: url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-600italic.eot); src: local(''),
url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-600italic.eot?#iefix) format('embedded-opentype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-600italic.woff2) format('woff2'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-600italic.woff) format('woff'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-600italic.ttf) format('truetype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-600italic.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
src: url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700italic.eot); src: local(''),
url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700italic.woff2) format('woff2'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700italic.woff) format('woff'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700italic.ttf) format('truetype'), url(//www.vgt-graz.at/wp-content/themes/vgt/fonts/raleway-v28-latin-700italic.svg#Raleway) format('svg'); }
html {
scroll-behavior: smooth;
}
body {
background:#fff;
font-size:1em;
line-height:1.4;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: 'Raleway', sans-serif;
color:#000;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: 600;
color: #3d6990;
}
h1 {
font-size: 2.5rem;
line-height: 1.3;
padding-bottom:0.25rem;
margin-bottom: 2.5rem;
}
h1.hometitel {
font-size: 1.75rem;
margin-bottom: 0;
}
h2 {
font-size: 2rem;
margin-bottom: 12px;
}
h2.linie {
font-size: 2rem;
padding:1.75rem 0 0.5rem 0;
margin-bottom: 0.5rem;
color: #e52e5a;
border-bottom: rgba(0,0,0,0.6) solid 1px;
}
h3 {
font-size: 1.75rem;
line-height: 1.2;
margin-bottom: 12px;
}
h4 {
font-size: 1.5rem;
line-height: 1.2;
margin-bottom: 10px;
}
h5 {
font-size: 1.25rem;
line-height: 1.2;
}
.farbe1 {
color: #99cc33;
color: rgba(153,204,51,1);
}
.farbe2 {
color: #e52e5a;
color: rgba(229,46,90,1);
}
.farbe2:hover {
color: #9c364e;
}
.farbe3 {
color: #39c2c9;
color: rgba(57,194,201,1);
}
.farbe4 {
color: #3d6990;
color: rgba(61,105,144,1);
}
.farbe-beige {
background: #f3d593;
}
.farbe-gruen {
background: #b8d575;
}
.farbe-hellrosa {
background: #f7c0cd;
}
.farbe-pink {
background: #f296ac;
}
.farbe-blau {
background: #9eb4c7;
}
.farbe-tuerkis {
background: #74d4d9;
}
hr {
background: #000;
border: 0;
height: 1px;
margin: 2em 0;
}
input[type=text],
input[type=email],
textarea {
border:solid 1px #572f42;
border-radius:4px;
text-decoration:none;
display:inline-block;
padding:0.5rem 0.75rem;
margin-top:0.5rem;
line-height:1;
color:#000;
font-size:1rem;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .page-center  {
width:93%;
position:relative;
margin:0 3.5%;
}
body.logged-in .site-header {
top:32px;
}
.content1200,
.content1000,
.content800 {
width:93%;
margin: 0 3.5%;
} @media screen and (min-width: 53.75em) {
.content800 {
width:50em;
margin: 0 auto;
}
} @media screen and (min-width: 67.5em) {
.content1000 {
width:62.5em;
margin: 0 auto;
}
} @media screen and (min-width: 80.5em) {
.content1200 {
width:75em;
margin: 0 auto;
}
.page-center  {
width:75em;
margin:0 auto;
}
} .site-header {
transition: all 0.4s;
}
.header-area {
position:fixed;
z-index: 9;
background:#fff;
width: 100%;
height:4rem;
transition: all 0.4s;
}
.header-area .page-center{
height:100%;
}
.header-down .header-area{
-webkit-box-shadow: 0 0 12px 5px rgba(0,0,0,0.2);
box-shadow: 0 0 12px 5px rgba(0,0,0,0.2);
}
.logo-area{
display:flex;
height:100%;
}
.logo-row{
width:100%;
height:1.5rem;
align-self: center;
transition: all 0.4s;
display:flex;
justify-content: space-between;
}
.logo-half1,
.logo-half2{
flex:0 0 48.5%;
transition: all 0.4s;
}
.logo-half2{
display:flex;
}
.logo-part1{
flex: 1 1 60%;
background:#3d6990 url(//www.vgt-graz.at/wp-content/themes/vgt/images/vgt-logoteil1.svg) no-repeat center left;
background-size: auto 100%;
}
.logo-part2{
flex: 1 1 40%;
background:#3d6990 url(//www.vgt-graz.at/wp-content/themes/vgt/images/vgt-logoteil2.svg) no-repeat center right;
background-size: auto 100%;
}
.logo-area img{
height:100%;
width:auto;
}
.header-space {
height: 4rem;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
@media screen and (min-width: 40em) {
.logo-row{
height:3.75rem;
}
}
@media screen and (min-width: 40em) {
.header-up .header-area {
height:10.875rem;
}
.header-up .header-space {
height: 10.875rem;
}
.header-down .header-area{
height:5rem;
}
.header-down .header-space{
height:5rem;
}
.logo-row{
height:4.375rem;
}
.header-down .logo-row{
height:3rem;
}
.header-down .logo-half1{
flex:0 0 33.5%;
}
.header-down .logo-half2{
flex:0 0 63.5%;
}
}
@media screen and (min-width: 67.5em) {
.logo-row{
height:6.48vw;
}
}
@media screen and (min-width: 80.5em) {
.logo-row{
height:5.2rem;
}
} .navigation  {
width:100%;
height:4em;
}
.navigation input {
display: none;
}
.navigation label {
position: absolute;
top: 1.375em;
right: 1.5em;
height: 1.5em;
width: 2em;
z-index: 5;
}
.navigation input + label span {
position: absolute;
width: 100%;
height: 0.25em;
top: 50%;
left: 0;
display: block;
background: #3d6990;
transition: .4s;
}
.navigation input + label span:first-child {
top: 0;
}
.navigation input + label span:last-child {
top: 100%;
}
.navigation body label:hover {
cursor: pointer;
}
.navigation input:checked + label span {
opacity: 0;
top: 50%;
}
.navigation input:checked + label span:first-child {
opacity: 1;
transform: rotate(45deg);
}
.navigation input:checked + label span:last-child {
opacity: 1;
transform: rotate(-45deg);
}
.navigation nav li a{
text-decoration:none;
color:#000;
font-size:1.25rem;
}
.navigation nav li a:hover{
color:#e52e5a;
}
.navigation nav li.current-menu-item a{
font-weight: 700;
}
.navigation2 li.current_page_item a{
font-weight: 700;
color: #3d6990;
} @media screen and (max-width: 54.99em) {
.navigation nav {
position: absolute;
top: 4em;
width: 100%;
display:block;
z-index:3;
background:#fff;
}
.navigation nav {
display:none;
border-bottom: solid 1px #3d6990;
}
.navigation input:checked ~ nav {
display:block;
top:0.5em;
}
.navigation input:checked ~ nav > ul > li {
display:block;
}
.navigation nav ul {
}
.navigation nav ul > li {
font-size:1.25rem;
padding:0.25rem;
}
.navigation2 {
border-top: solid 1px rgba(61,105,144,0.3);
margin-top:0.5rem;
padding:0.5rem 0 1rem 0;
}
.navigation2  ul li a{
color: #39c2c9;
}
}
@media screen and (min-width: 55em) {
.navigation  {
height:auto;
}
.navigation label {
display:none;
}
.navigation nav {
display: block;
top: 0;
position: relative;
}
.navigation1 {
padding: 0.5rem 0;
}
.navigation1 > ul{
display:flex;
width:100%;
}
.navigation1 ul li{
position: relative;
padding: .5rem 1rem;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
flex-grow:1;
}
.navigation1 ul li:not(:last-child)::after{
content:'/';
position: absolute;
right: -2px;
top: 25%;
height: 100%;
color:#aaa;
}
.navigation2 {
background: rgba(57,194,201,.25);
border-radius:0.5rem;
}
.navigation2 > ul{
display:flex;
width:100%;
font-style: italic;
font-weight: 600;
}
.navigation2 ul li{
position: relative;
padding: .5rem 1rem;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
flex-grow:1;
}
.navigation2 ul li:not(:last-child)::after{
content:'';
position: absolute;
right: -20px;
height: 100%;
width:40px;
background: url(//www.vgt-graz.at/wp-content/themes/vgt/images/nav-trennung.svg) no-repeat center center;
background-size: auto 100%;
}
} .home-slider-space {
background: rgba(61,105,144,0.3);
width: 100%;
}
.content-slider {
width:100%;
}
@media screen and (min-width: 93.73em) {
.content-slider {
width:93.73em;
margin: 0 auto;
}
}
.home-slider{
width:100%;
margin:0;
padding:0;
}
.content-slider .bx-wrapper {
margin-bottom: 0;
}
.home-slider .item{
width:100%;
text-align:center;
}
.home-slider .item img{
width:100%;
height: auto;
} .main-content {
padding: 3rem 0 2rem 0;
min-height: 10rem;
}
.main-content p{
margin-bottom:1rem;
}
a.morelink {
display: inline-block;
background: url(//www.vgt-graz.at/wp-content/themes/vgt/images/arrow-right.svg) no-repeat 0 center;
background-size: auto 80%;
padding-left:1.75rem;
transition: .2s;
}
a.morelink:hover {
background: url(//www.vgt-graz.at/wp-content/themes/vgt/images/arrow-right.svg) no-repeat 4px center;
background-size: auto 80%;
} .turngruppenzeile {
border-bottom: solid 1px #000;
margin-bottom:.5rem;
padding-bottom: .5rem;
}
@media screen and (min-width: 40em) {
.turngruppenzeile {
display:flex;
justify-content: space-between;
}
.turngruppen1 {
flex: 0 0 20%;
}
.turngruppen2 {
flex: 0 0 38%;
}
.turngruppen2a {
flex: 0 0 48%;
}
}
.turngruppen-header{
text-align: center;
color: rgba(61,105,144,0.6);
font-width: 600;
font-size: 1.25rem;
}
.turngruppen1 a{
text-decoration: none;
color:#e52e5a;
font-weight: bold;
font-size: 1.75rem;
}
.turngruppen1 a:hover{
color:#9c364e;
}
.turngruppen2 ul{
margin: 0.5rem 0 1rem 0;
}
.turngruppen2 li{
width:100%;
margin-bottom:0.375rem;
}
.turngruppen2 li a{
padding: 0.5rem 5%;
width:90%;
display: block;
background: rgba(57,194,201,.25);
border-radius:0.5rem;
border: solid 1px rgba(0,0,0,0.4);
text-decoration: none;
color:#000;
font-size:1.125rem;
}
.turngruppen2 li a:hover{
border: solid 1px rgba(0,0,0,1);
background: rgba(57,194,201,1);
}
.turngruppen2-erw li a{
background: rgba(61,105,144,0.6);
}
.turngruppen2-erw li a:hover{
background: rgba(61,105,144,1);
color:#fff;
} .turnplan {
list-style: none;
}
.turnplan-zeit{
color: rgba(61,105,144,0.7);
font-width: 200;
font-size:1.5rem;
margin-bottom:0.5rem;
min-height: 1rem;
}
@media screen and (min-width: 30em) {
.turnplan li{
display:flex;
justify-content: space-between;
}
.turnplan-zeit{
flex: 0 0 10rem;
}
.turnplan-kurse{
flex-grow:1;
}
}
.turnplan-kurse {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}
.turnplan-kurse a{
display:block;
border: solid 1px rgba(61,105,144,0.7);
border-radius: 0.75rem;
text-decoration:none;
color:#000;
margin-bottom:0.5rem;
}
.turnplan-kurse a:hover{
border: solid 1px #000;
}
.turnplan-kurse1 a,
.turnplan-kurse2 a,
.turnplan-kurse3 a,
.turnplan-kurse4 a,
.turnplan-kurse5 a{
flex: 0 0 100%;
}
@media screen and (min-width: 40em) {
.turnplan-kurse2 a{
flex: 0 0 48.75%;
}
.turnplan-kurse3 a{
flex: 0 0 32%;
}
.turnplan-kurse4 a{
flex: 0 0 24%;
}
.turnplan-kurse5 a{
flex: 0 0 19%;
}
}
.turnplan-kurse a span{
font-size:1.25rem;
display:inline-block;
padding:0.5rem 1rem;
} .newsliste {
}
.newsliste li{
margin-bottom:2.5em;
}
.newsliste li h3 {
font-size: 1.5rem;
}
.newsliste .newsliste-bild{
width:180px;
margin-bottom:.5rem;
}
.newsliste .newsliste-bild a{
display:block;
overflow:hidden;
width:180px;
height:125px;
border-radius: 0.5rem;
}
.newsliste .newsliste-text{
flex:1;
}
.newsliste-header{
display:flex;
border-bottom: #ccc solid 1px;
margin-bottom:0.625rem;
padding-bottom: 0.25rem;
justify-content: space-between;
font-size: 0.875rem;
color:rgba(0,0,0,0.6);
}
.newsliste-text a {
text-decoration: none;
}
@media screen and (min-width: 30em) {
.newsliste li{
display:flex;
margin-bottom:1.5rem;
}
.newsliste li h3 {
font-size: 1.75rem;
}
.newsliste .newsliste-bild{
flex: 0 0 280px;
}
.newsliste .newsliste-bild{
width:260px;
}
.newsliste .newsliste-bild a{
width:260px;
height:180px;
}
} .bereich-termine {
margin-bottom: 3.5rem;
}
.bereich-termine h2{
font-size:1.5rem;
}
ul.termine {
border-top:1px solid #ccc;
}
.termine li{
border-bottom:1px solid #ccc;
display:flex;
padding:.5rem 0;
}
.termine-datum{
flex: 0 0 8rem;
text-align: right;
}
.termine-text{
flex-grow:1;
padding-left:1rem;
} .bildergalerie {
border-top: #3d6990 solid 0;
margin: 1rem 0;
padding: 1rem 0;
}
.zusatzblock + .bildergalerie{
border-top: none;
margin: 0;
padding: 1rem 0;
}
.bildergalerie h2{
font-size:1.75rem;
margin-bottom:1rem;
}
.bildergalerie ul {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
}
.bildergalerie li{
flex: 0 0 30%;
margin-bottom:0.75rem;
}
@media screen and (min-width: 30em) {
.bildergalerie li{ flex: 0 0 19%;}
}
@media screen and (min-width: 50em) {
.bildergalerie li{ flex: 0 0 11.52%;}
} .pagination a,
.pagination span {
display:inline-block;
font-size:1rem;
line-height: 1.1;
color:#000;
text-decoration: none;
padding:.5rem .75rem;
margin-right:.25rem;
background:rgba(61,105,144,.2);;
border-right: .5em;
border-radius: 4px;
}
.pagination span.current{
background:rgba(61,105,144,.5);;
font-weight: bold;
color:#fff;
}
.pagination .dots{
background:#fff;
}
.pagination a:hover{
background:#3d6990;
color:#fff;
} section.seitenbereich:last-of-type{
min-height: 100vh;
}
.anchorpoint {
padding-bottom: 3rem;
display: block;
}
.unterseiten-navigation {
display: flex;
flex-wrap: wrap;
margin-bottom:1rem
}
.unterseiten-navigation a{
display: block;
background: rgba(61, 105, 144, .2) url(//www.vgt-graz.at/wp-content/themes/vgt/images/arrow-down.svg) no-repeat right 8px;
background-size: auto 50%;
border-radius:3px;
padding: .125rem 1.5rem .125rem .75rem;
margin:0 .5rem .5rem 0;
text-decoration: none;
opacity: .7;
transition: .1s;
;
}
.unterseiten-navigation a:hover{
opacity: 1;
background: rgba(61, 105, 144, .3) url(//www.vgt-graz.at/wp-content/themes/vgt/images/arrow-down.svg) no-repeat right 10px;
background-size: auto 50%;
}
h2.section-title {
margin-top:1rem;
}
.liste-zeitungen {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.liste-zeitungen li{
flex: 0 0 48%;
margin-bottom:2rem;
text-align: center;
}
@media screen and (min-width: 50em) {
.liste-zeitungen li{
flex: 0 0 23%;
}
}
.liste-zeitungen img{
-webkit-box-shadow: 1px 2px 10px 10px rgba(0,0,0,0.2);
box-shadow: 1px 2px 10px 0 rgba(0,0,0,0.1);
}
.liste-zeitungen h3{
margin:0;
padding:0;
font-size:1.25rem;
}
.liste-zeitungen .textzeile{
font-size:.825rem;
}
.liste-zeitungen .download{
margin-top:.5rem;
} .footer-block {
background:#3d6990;
width:100%;
border-radius:0.5rem;
display: flex;
justify-content: space-between;
margin: 1rem 0;
color:rgba(255,255,255,0.5);
align-content: center;
line-height: 1;
}
.footer-block address{
padding:.625rem 0 .625rem 1rem;
font-size:1rem;
line-height:1rem;
font-style: normal;
}
.footer-block address strong{
color:rgba(255,255,255,1);
font-weight: 400;
}
.footer-block .footer-icon{
padding: 0.375rem 1rem;
flex: 0 0 3.75rem;
}
.footer-block a{
color:rgba(255,255,255,0.5);
}
.footer-block a:hover{
color:rgba(255,255,255,1);
}
.footer-block a.telefon{
text-decoration: none;
}
.footer-block a.telefon:hover{
text-decoration: underline;
}
.site-footer nav ul{
display: flex;
justify-content: center;
}
.site-footer nav ul li{
padding: 0 1rem 1rem 1rem;
}
.socialmedia {
text-align: center;
}
.socialmedia a {
background-color: #3d6990;
border-radius: 50%;
display: inline-block;
margin:0 .25rem;
width: 2rem;
height:2rem;
overflow: hidden;
text-indent: -9999px;
transition: .2s;
}
.socialmedia a.social-facebook {
background: rgba(61,105,144,0.6) url(//www.vgt-graz.at/wp-content/themes/vgt/images/icon-facebook.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-facebook:hover {
background: #3d6990 url(//www.vgt-graz.at/wp-content/themes/vgt/images/icon-facebook.svg) no-repeat center center;
background-size: 120% 120%;
} [data-sal]{-webkit-transition-delay:0s;transition-delay:0s}[data-sal],[data-sal][data-sal-duration="200"]{-webkit-transition-duration:.2s;transition-duration:.2s}[data-sal][data-sal-duration="250"]{-webkit-transition-duration:.25s;transition-duration:.25s}[data-sal][data-sal-duration="300"]{-webkit-transition-duration:.3s;transition-duration:.3s}[data-sal][data-sal-duration="350"]{-webkit-transition-duration:.35s;transition-duration:.35s}[data-sal][data-sal-duration="400"]{-webkit-transition-duration:.4s;transition-duration:.4s}[data-sal][data-sal-duration="450"]{-webkit-transition-duration:.45s;transition-duration:.45s}[data-sal][data-sal-duration="500"]{-webkit-transition-duration:.5s;transition-duration:.5s}[data-sal][data-sal-duration="550"]{-webkit-transition-duration:.55s;transition-duration:.55s}[data-sal][data-sal-duration="600"]{-webkit-transition-duration:.6s;transition-duration:.6s}[data-sal][data-sal-duration="650"]{-webkit-transition-duration:.65s;transition-duration:.65s}[data-sal][data-sal-duration="700"]{-webkit-transition-duration:.7s;transition-duration:.7s}[data-sal][data-sal-duration="750"]{-webkit-transition-duration:.75s;transition-duration:.75s}[data-sal][data-sal-duration="800"]{-webkit-transition-duration:.8s;transition-duration:.8s}[data-sal][data-sal-duration="850"]{-webkit-transition-duration:.85s;transition-duration:.85s}[data-sal][data-sal-duration="900"]{-webkit-transition-duration:.9s;transition-duration:.9s}[data-sal][data-sal-duration="950"]{-webkit-transition-duration:.95s;transition-duration:.95s}[data-sal][data-sal-duration="1000"]{-webkit-transition-duration:1s;transition-duration:1s}[data-sal][data-sal-duration="1050"]{-webkit-transition-duration:1.05s;transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{-webkit-transition-duration:1.1s;transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{-webkit-transition-duration:1.15s;transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{-webkit-transition-duration:1.2s;transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{-webkit-transition-duration:1.25s;transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{-webkit-transition-duration:1.3s;transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{-webkit-transition-duration:1.35s;transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{-webkit-transition-duration:1.4s;transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{-webkit-transition-duration:1.45s;transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{-webkit-transition-duration:1.5s;transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{-webkit-transition-duration:1.55s;transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{-webkit-transition-duration:1.6s;transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{-webkit-transition-duration:1.65s;transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{-webkit-transition-duration:1.7s;transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{-webkit-transition-duration:1.75s;transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{-webkit-transition-duration:1.8s;transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{-webkit-transition-duration:1.85s;transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{-webkit-transition-duration:1.9s;transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{-webkit-transition-duration:1.95s;transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{-webkit-transition-duration:2s;transition-duration:2s}[data-sal][data-sal-delay="50"]{-webkit-transition-delay:.05s;transition-delay:.05s}[data-sal][data-sal-delay="100"]{-webkit-transition-delay:.1s;transition-delay:.1s}[data-sal][data-sal-delay="150"]{-webkit-transition-delay:.15s;transition-delay:.15s}[data-sal][data-sal-delay="200"]{-webkit-transition-delay:.2s;transition-delay:.2s}[data-sal][data-sal-delay="250"]{-webkit-transition-delay:.25s;transition-delay:.25s}[data-sal][data-sal-delay="300"]{-webkit-transition-delay:.3s;transition-delay:.3s}[data-sal][data-sal-delay="350"]{-webkit-transition-delay:.35s;transition-delay:.35s}[data-sal][data-sal-delay="400"]{-webkit-transition-delay:.4s;transition-delay:.4s}[data-sal][data-sal-delay="450"]{-webkit-transition-delay:.45s;transition-delay:.45s}[data-sal][data-sal-delay="500"]{-webkit-transition-delay:.5s;transition-delay:.5s}[data-sal][data-sal-delay="550"]{-webkit-transition-delay:.55s;transition-delay:.55s}[data-sal][data-sal-delay="600"]{-webkit-transition-delay:.6s;transition-delay:.6s}[data-sal][data-sal-delay="650"]{-webkit-transition-delay:.65s;transition-delay:.65s}[data-sal][data-sal-delay="700"]{-webkit-transition-delay:.7s;transition-delay:.7s}[data-sal][data-sal-delay="750"]{-webkit-transition-delay:.75s;transition-delay:.75s}[data-sal][data-sal-delay="800"]{-webkit-transition-delay:.8s;transition-delay:.8s}[data-sal][data-sal-delay="850"]{-webkit-transition-delay:.85s;transition-delay:.85s}[data-sal][data-sal-delay="900"]{-webkit-transition-delay:.9s;transition-delay:.9s}[data-sal][data-sal-delay="950"]{-webkit-transition-delay:.95s;transition-delay:.95s}[data-sal][data-sal-delay="1000"]{-webkit-transition-delay:1s;transition-delay:1s}[data-sal][data-sal-easing=linear]{-webkit-transition-timing-function:linear;transition-timing-function:linear}[data-sal][data-sal-easing=ease]{-webkit-transition-timing-function:ease;transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{-webkit-transition-timing-function:cubic-bezier(.6,.04,.98,.335);transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{-webkit-transition-timing-function:cubic-bezier(.785,.135,.15,.86);transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{-webkit-transition-timing-function:cubic-bezier(.95,.05,.795,.035);transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{-webkit-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{-webkit-transition-timing-function:cubic-bezier(.895,.03,.685,.22);transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{-webkit-transition-timing-function:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{-webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-sal=slide-up]{-webkit-transform:translateY(20%);transform:translateY(20%)}[data-sal=slide-down]{-webkit-transform:translateY(-20%);transform:translateY(-20%)}[data-sal=slide-left]{-webkit-transform:translateX(20%);transform:translateX(20%)}[data-sal=slide-right]{-webkit-transform:translateX(-20%);transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;-webkit-transform:none;transform:none}[data-sal|=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-sal=zoom-in]{-webkit-transform:scale(.5);transform:scale(.5)}[data-sal=zoom-out]{-webkit-transform:scale(1.1);transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;-webkit-transform:none;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}[data-sal=flip-left]{-webkit-transform:perspective(2000px) rotateY(-91deg);transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{-webkit-transform:perspective(2000px) rotateY(91deg);transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{-webkit-transform:perspective(2000px) rotateX(-91deg);transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{-webkit-transform:perspective(2000px) rotateX(91deg);transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{-webkit-transform:none;transform:none}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}